V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
Ufo666
V2EX  ›  Vue.js

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

  •  
  •   Ufo666 · Jul 15, 2022 · 2020 views
    This topic created in 1385 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   ·   3834 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 05:17 · PVG 13:17 · LAX 22:17 · JFK 01:17
    ♥ Do have faith in what you're doing.