html树形多选下拉列表,EasyUI 多行树形下拉框(Multiple ComboTree)_Vue EasyUI Demo
源代碼
Multiple ComboTree
v-model="value"
:data="data"
:multiple="true"
:textFormatter="formatText">
You selected: {{value}}
export default {
data() {
return {
value: null,
data: [
{
id: 1,
text: "My Documents",
children: [
{
id: 11,
text: "Photos",
state: "closed",
children: [
{
id: 111,
text: "Friend"
},
{
id: 112,
text: "Wife"
},
{
id: 113,
text: "Company"
}
]
},
{
id: 12,
text: "Program Files",
children: [
{
id: 121,
text: "Intel"
},
{
id: 122,
text: "Java"
},
{
id: 123,
text: "Microsoft Office"
},
{
id: 124,
text: "Games"
}
]
},
{
id: 13,
text: "index.html"
},
{
id: 14,
text: "about.html"
},
{
id: 15,
text: "welcome.html"
}
]
}
]
};
},
methods: {
formatText(value) {
if (this.value && this.value.length > 3) {
return this.value.length + " nodes selected";
}
return value;
}
}
};
總結
以上是生活随笔為你收集整理的html树形多选下拉列表,EasyUI 多行树形下拉框(Multiple ComboTree)_Vue EasyUI Demo的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android的三个基础控件,Andro
- 下一篇： 实时获取vuex更新的新数据_京东手机销