Ufo666
V2EX  ›  Vue.js

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

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