elementui中select选中取值,vue下拉框赋默认值
这篇文章主要介绍了某视频剪辑软件元素的挑选下拉框赋值实例,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
目录
vue元素的挑选下拉框赋值当返回值是对象数组的时候当返回值是字符串数组的时候某视频剪辑软件元素用户界面选择框赋值后无法选值身体结构赋值在变化事件里用这个方法
vue-element的select下拉框赋值
当返回值是对象数组的时候
模板
El-select v-model= value placeholder=请选择
埃尔选项
v-for=选项中的项目
:key=item.value
:label=item.label
:value=item.value
/el选项
/el-select
/模板
脚本
导出默认值{
data() {
返回{
选项:[{
值: 选项1,
标签: 黄金糕
}, {
值: 选项2,
标签: 双皮奶
}, {
值: 选项3,
标签: 蚵仔煎
}, {
值: 选项4,
标签: 龙须面
}, {
值: 选项5,
标签: 北京烤鸭
}],
值:""
}
}
}
/脚本
当返回值是字符串数组的时候
模板
El-select v-model= value placeholder=请选择
埃尔选项
v-for=选项中的项目
:key=item
:value=item
/el选项
/el-select
/模板
脚本
导出默认值{
data() {
返回{
选项:[
黄金,
白银,
铂金,
钻石,
],
值:""
}
}
}
/脚本
vue+elementUi select框赋值后无法选值
body结构
El-表单-项目标签=商品种类class=FormInputClass
El-select v-model= adminsaveparam。prod类“可清除占位符=”请选择size= mini class= form input @ change= select change
埃尔选项
v-for=产品类中的项目
:key=item.value
:label=item.label
:value=item.value
/el选项
/el-select
/El-表单-项目
赋值
if (supplier.isVmi===Y) {
这个。adminsaveparam。prod class= VMI
} else if (supplier.isVmi===N) {
这个。adminsaveparam。prod class=物理;
}
}
经过这个样的赋值之后,在页面选择下拉数据的时候无法选中(其实已经更改,只是页面没有实时刷新)
在change事件里用这个方法
selectChange(){
这个. forceUpdate()
},
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。