element下表格(el-table)中嵌套选择器(el-select)
前端
<el-table-column label="类型">
<template slot-scope="scope">
<el-select
v-model="scope.row.musicType"
multiple
filterable
allow-create
default-first-option
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</el-table-column>
data
data() {
return {
tableData: [{
date: '20120-03-22',
name: '晴天',
song: '周杰伦',
album: '叶惠美',
musicType: ['爱情'],
des: '周杰伦的新歌',
remark: '0',
authority: '普通'
},
{
date: '20120-03-22',
name: '晴天',
song: '周杰伦',
album: '叶惠美',
musicType: ['爱情'],
des: '周杰伦的新歌',
remark: '0',
authority: '普通'
},
{
date: '20120-03-22',
name: '晴天',
song: '周杰伦',
album: '叶惠美',
musicType: ['爱情'],
des: '周杰伦的新歌',
remark: '0',
authority: '普通'
},
{
date: '20120-03-22',
name: '晴天',
song: '周杰伦',
album: '叶惠美',
musicType: ['爱情'],
des: '周杰伦的新歌',
remark: '0',
authority: '普通'
},
{
date: '20120-03-22',
name: '晴天',
song: '周杰伦',
album: '叶惠美',
musicType: ['爱情'],
des: '周杰伦的新歌',
remark: '0',
authority: '普通'
},
{
date: '20120-03-22',
name: '晴天',
song: '周杰伦',
album: '叶惠美',
musicType: ['爱情'],
des: '周杰伦的新歌',
remark: '0',
authority: '普通'
}],
options: [{
value: 'HTML',
label: 'HTML'
}, {
value: 'CSS',
label: 'CSS'
}, {
value: 'JavaScript',
label: 'JavaScript'
}],
value: []
}
},