iview tree 实现单选功能、 iview tree 单选功能实现、iview tree 多选变单选、iview Tree树形控件
在用iview重构app后台管理系统时发现iview tree还没有单选的功能,嗯,那就自己搞一个简单的笨方法吧
废话不多说,贴点主要代码:
- 首先,当然是组件啦
<Tree
:data="data"
:load-data="loadData"
show-checkbox check-strictly
@on-check-change="checkChange" />
这里直接就用官网的懒加载例子的内容作基础来尝试实现 check 的 单选 需求
- 然后,定义一个变量备用一下
data() {
return {
data: [
{
id: 1,
title: 'parent',
loading: false,
children: []
}
],
loop: 0
}
}
这个嘛,data 自然就是 tree 的根节点数据了
loop的话怎么说呢,简单来讲主要是为了后续循环遍历时候跳出循环用
- 然后,当然是主要的 methods 啦
loadData(item, callback) {
setTimeout(() => {