Vue中通过render添加的元素实现伪双向绑定功能

前言

在Vue中通过render方式添加的组件的数据是无法和父类的数据实现双向绑定的,但是业务需求必须要实现这样的效果,所以这个时候我们只有通过设置事件等方式来实现类似于这样的效果。
Vue中通过render添加的元素实现伪双向绑定功能

正文

在iView中,例如有如下的表格:

其数据如下:

在表格中有一列合格选择项,需要下拉列表,故columns中的一列为:

然后我们要实现当选项被选中时data中的对应的数据的值也要同步变化,所以在此组件中加入如下事件:

这时,只要这个下拉列表中的值发生改变时,data中的对应数据也会进行变化。

    A+
所属分类:vue

发表评论

请在下方填写评论信息

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

表情 粗体 斜体 图片 引用 链接 删除线 下划线 插代码 签到

目前评论:6   其中:访客  4   博主  2

  1. avatar 轩陌 1  来自天朝的朋友 谷歌浏览器 Mac OS X 10_14_0 上海市 电信

    :!:厉害了我的哥

  2. avatar Amour 1  来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信

    6666六六

  3. avatar szchenrong 0  来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

    能不能再设置filtertable,我设置了没有效果,解决了,谢谢你的文章

  4. avatar d 0  来自天朝的朋友 谷歌浏览器 Windows 10 上海市青浦区 电信

    阿大使