#### 使用方式
##### 一: 单选列表组合 type="default"(如指派改善任务)
```html
```
```js
export default {
data() {
return {
// 默认选中
defaultValue: 1,
// 渲染的原数据
list: [
{value: 1, label: 'PDCA1'},
{value: 2, label: 'PDCA2'},
{value: 3, label: 'PDCA3'},
{value: 4, label: 'PDCA4'}
]
}
},
methods: {
/***
* 选中状态改变触发
* @param {Number | String} selectData 当前选中的值
* @param {Object} selectData 当前选中的整条数据
* @param {Number} index 当前选中下标
*/
changeSelect(selectVal, selectData, index) {
this.defaultValue = selectVal;
}
}
}
```
##### 二: 下拉式单选列表组合 type="select"(如人员架构)
```html
```
```js
export default {
data() {
return {
// 默认选中
defaultValue: 1,
// 渲染的原数据
list: [
{
pValue: 1,
pName: '门诊',
childList: [
{value: 1, label: 'PDCA1'},
{value: 2, label: 'PDCA2'},
{value: 3, label: 'PDCA3'},
{value: 4, label: 'PDCA4'}
]
},
{
pValue: 2,
pName: '分诊',
childList: [
{value: 11, label: '许玮琛1'},
{value: 22, label: '许玮琛2'},
{value: 33, label: '许玮琛3'},
{value: 44, label: '许玮琛4'}
]
}
]
}
},
methods: {
/***
* 选中状态改变触发
* @param {Number | String} selectData 当前选中的值
* @param {Object} selectData 当前选中的整条数据
* @param {Number} index 当前选中下标
*/
changeSelect(selectVal, selectData, index) {
this.defaultValue = selectVal;
}
}
}
```