软件、硬件定制开发,联系QQ:99605319

本文由 资源共享网 – ziyuan 发布,转载请注明出处,如有问题请联系我们!解决无法选中vue的Element UI组件中的下拉选择框(Select)的问题

收藏

下面这段代码是一个使用 Vue.js 和 Element UI 库的简单组件。Element UI 是一个为 Vue.js 设计的 UI 组件库。这个组件是一个下拉选择框(Select),用于选择会员的性别。


<el-select v-model="form.sex" placeholder="会员性别">
	<el-option v-for="item in sexList" :key="item.sex" :label="item.sex" :value="item.sex"></el-option>
  </el-select>
<script>
export default {
data(){
	return{
		sexList:[
			{sex:"男"},
			{sex:"女"},
		],
	}
}
}
</script>



如果这样写那个Select无法选择;

form.sex 一定要初始化如

<el-select v-model="form.sex" placeholder="会员性别">
	<el-option v-for="item in sexList" :key="item.sex" :label="item.sex" :value="item.sex"></el-option>
  </el-select>
<script>
export default {
data(){
	return{
	        fom:{
	            sex:"",
	        }
		sexList:[
			{sex:"男"},
			{sex:"女"},
		],
	}
}
}
</script>









经验分享资源(解决无法选中vue的Element UI组件中的下拉选择框(Select)的问题)网址:https://www.08i8.com/course/detail535.html;转载请注明!


评论(0条)

请登录后评论
ziyuan

ziyuan Rank: 16

0

0

0

( 此人很懒并没有留下什么~~ )

首页

栏目

搜索

会员