Element-ui 中的 Cascader 级联选择器
原文链接:https://note.noxussj.top/?source=sifo
当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择。
按需引入方式
如果是完整引入可跳过此步骤
import Vue from 'vue'
import { Cascader } from 'element-ui'
import 'element-ui/lib/theme-chalk/base.css'
import 'element-ui/lib/theme-chalk/cascader.css'
Vue.use(Cascader)
基础用法
export default {
data() {
return {
value: [],
options: [
{
value: 'zhinan',
label: '辅助',
children: [
{
value: 'caiwenji',
label: '蔡文姬'
},
{
value: 'xiaoming',
label: '小明'
}
]
},
{
value: 'zujian',
label: '中单',
children: [
{
value: 'zhenji',
label: '甄姬'
},
{
value: 'xiaoqiao',
label: '小乔'
}
]
},
{
value: 'sheshou',
label: '射手',
children: [
{
value: 'make',
label: '马可波罗'
},
{
value: 'sunshangxiang',
label: '孙尚香'
}
]
}
]
}
}
}
Cascader Attributes
原文链接:https://note.noxussj.top/?source=sifo
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
相关推荐: 离散数学 第一章 命题逻辑 1-4真值表与等价公式
定义1-4。1在命题公式中,对于分量指派真值的各种可能组合,就确定了这个命题公式的各种真值情况,把它汇列成表,就是命题公式的真值表。 现举例说明如下: 例题1 构造┓p∨q的真值表。 解 表1-4.1 p q ┓p ┓p∨q t t f t t f f f f…