v-model:回显的数据
点击标题选中复选框select事件。
<a-tree
v-model="Ids"
style="height: 500px;overflow-y: auto"
checkable
:tree-data="tagTreeData"
:replace-fields="{children:'children', title:'name', key:'id'}"
@select="select"
/>
select:
select(e, ee) {
if (this.Ids.indexOf(ee.node.dataRef.id) !== -1) {
this.Ids = this.Ids.filter(item => item !== ee.node.dataRef.id)
} else {
this.Ids.push(ee.node.dataRef.id)
}
},
回显:通过给v-model赋值id即可
该文章介绍了在Vue.js应用中,如何利用v-model绑定复选框的选中状态来实现数据的回显。通过<a-tree>组件,设置checkable属性创建可勾选的树形结构,并监听select事件来处理选中或取消选中的节点。ids数组用于存储已选节点的id,通过filter方法更新选中状态。
&spm=1001.2101.3001.5002&articleId=129014138&d=1&t=3&u=e3b6ea9ec7ef4a7baeb107cba6677f68)
7203

被折叠的 条评论
为什么被折叠?



