element下表格(el-table)中嵌套选择器(el-select)

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: []
    }
},