复选框“其他”选项后面跟一个文本输入框

小前端

已于 2024-01-15 12:23:05 修改

阅读量803

点赞数 6

文章标签： javascript

于 2023-12-21 16:41:54 首次发布

本文链接：https://blog.csdn.net/weixin_45041493/article/details/135134480

版权

前端页面：单选或者复选框“其他”选项后面跟一个文本输入框
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>