Ufo666
V2EX  ›  Vue.js

vue antd table 表格中,插槽里一个 input,如何获取 input 变化后的值?

  •  
  •   Ufo666 · Jul 15, 2022 · 2105 views
    This topic created in 1419 days ago, the information mentioned may be changed or developed.

    vue antd table 表格中,插槽里一个 input ,有个 button ,我想点击 button 提交更新,但是遇到个问题,我怎么获取到 input 修改后的值?打印过当前行,数据并没有因为 input 改变而改变。。

    7 replies    2022-07-15 11:02:30 +08:00
    Ufo666
        1
    Ufo666  
    OP
       Jul 15, 2022
    突然想到给 input 加 change 监听,去修改原数据。。
    Tenlp
        2
    Tenlp  
       Jul 15, 2022
    我是用 onChange 来监听到
    Ufo666
        3
    Ufo666  
    OP
       Jul 15, 2022
    @Tenlp 可以这样做,但真的可以这样做吗
    Tenlp
        4
    Tenlp  
       Jul 15, 2022
    @Tenlp 不过我是 React ,vue 的话 v-model 双向绑定 row.xxx 不行吗
    Ufo666
        5
    Ufo666  
    OP
       Jul 15, 2022
    @Tenlp 用了插槽好像不行了....
    AllenCai
        6
    AllenCai  
       Jul 15, 2022
    提取一个公共 input 组件,当聚焦 table 的 input 框时,用改组件替换,组件里提交修改都可以,且只用维护一个组件状态,岂不美滋滋
    Ufo666
        7
    Ufo666  
    OP
       Jul 15, 2022
    已解决:给 input 加 change 监听,去修改原数据
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3090 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 15:01 · PVG 23:01 · LAX 08:01 · JFK 11:01
    ♥ Do have faith in what you're doing.