前端页面:单选或者复选框“其他”选项后面跟一个文本输入框
1.其他选项和具体描述输入框如何将两者的关联起来
<el-checkbox-group v-model="form.species">
<el-checkbox :label="item.name" name="species" v-for=“(item,index) in dataList” :key='index'></el-checkbox>
</el-checkbox-group>
//选择了其他 则显示文本输入框
<el-input v-model="form.describe2" placeholder="其他-具体描述" v-if="form.species.indexOf('其他')!=-1" ></el-input>
<script >
export default {
data() {
return {
from:{
species:'',
describe2:''
},
dataList:[{name:'电焊1'},{name:'电焊2'},{name:'其他'}]
}
}
}
</script>