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

2022-07-15 10:42:15 +08:00
 Ufo666

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

1402 次点击
所在节点    Vue.js
7 条回复
Ufo666
2022-07-15 10:42:46 +08:00
突然想到给 input 加 change 监听,去修改原数据。。
Tenlp
2022-07-15 10:44:07 +08:00
我是用 onChange 来监听到
Ufo666
2022-07-15 10:45:03 +08:00
@Tenlp 可以这样做,但真的可以这样做吗
Tenlp
2022-07-15 10:45:11 +08:00
@Tenlp 不过我是 React ,vue 的话 v-model 双向绑定 row.xxx 不行吗
Ufo666
2022-07-15 10:49:28 +08:00
@Tenlp 用了插槽好像不行了....
AllenCai
2022-07-15 10:50:32 +08:00
提取一个公共 input 组件,当聚焦 table 的 input 框时,用改组件替换,组件里提交修改都可以,且只用维护一个组件状态,岂不美滋滋
Ufo666
2022-07-15 11:02:30 +08:00
已解决:给 input 加 change 监听,去修改原数据

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/866346

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX