下面这段代码是一个使用 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>