本文由 资源共享网 – 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;转载请注明!