代码如下:
oriData: [
{
'value': '1',
'label': '自付金额',
'isDelete': true,
'costDetail': [
{
'value': '1',
'label': '收费项目类别',
'supplyVal': '1',
'supplyLabel': '西药',
'isCheck': true
},
{
'value': '2',
'label': '收费项目等级',
'supplyVal': '2',
'supplyLabel': '甲级',
'isCheck': true
},
{
'value': '3',
'label': '收费项目编码',
'supplyVal': '',
'supplyLabel': '',
'isCheck': true
}
]
},
{
'value': '2',
'label': '总金额',
'isDelete': false,
'costDetail': [
{
'value': '1',
'label': '收费项目类别',
'supplyVal': '',
'supplyLabel': '',
'isCheck': false
},
{
'value': '3',
'label': '收费项目编码',
'supplyVal': '2',
'supplyLabel': '甲级',
'isCheck': true
}
]
}
]
<div
style="line-height: 50px;"
v-for="(leftLi, index) in oriData"
:key="leftLi.value"
:class="leftLi.active === true ? 'leftLiActive' : 'leftLiInActive'"
@click="leftLiClick(leftLi, index)">
<el-select size="small" v-model="leftLi.value" class="m-x-l-2" @change="leftLiSelect" style="width: calc(100% - 100px);">
<el-option
v-for="item in nucDamCostItemOpt"
:key="item.value"
:value="item.value"
:label="item.label">
</el-option>
</el-select>
<el-checkbox class="m-x-l" v-model="leftLi.isDelete">剔除</el-checkbox>
<i class="el-icon-delete" style="position: relative;" @click.stop="delNucDamCostItem(index)"></i>
</div>
问题在于el-select的change事件完全不会触发,我把el-select的v-model换成在data中定义的一个变量就好了,这是为什么?
<el-option
</el-option>
这里面的nucDamCostItemOpt哪里有这数据啊