手机版

vue2.0下拉框默认标题设置方法

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

昨天到今天,用vue2.0在写一个性别选择框,一给选择权添加选择的属性就报错这里

下面是报错的代码

错误在/~/vue-loader/lib/template-编译器。js?id=data-v-c231dfa2!/~/vue-loader/lib/selector.js?type=templateindex=0!/src/components/秒。vuetemplate语法错误选择v-model=' selected ' :使用v型时,选项上的内联选定属性将被忽略。改为在组件的数据选项中声明初始值已经绑定在选择/选择上了,你选择了哪个选项,选中就是那个选项的价值了,你想让哪个选项为默认选中的话,就在数据里的选择的设置为那个选项的价值

在单击选择/选择时,给'性别'这个选项添加一个有缺陷的属性就可以禁用了

模板选择v-model='selected' @click='ss()'选项v-for='(选项,索引)在选项v-bind : value='选项。值“: disabled=”选项。禁用了“{选项。text } } { { index } } { { option。已禁用} }/option/select span selected : { { selected } }/span/template script导出默认值{ name: 'second ',data(){ return { selected 3: ' sex '比如想要默认选中为性别,那么就把他的价值值设置为性别选项3360[{ text : }性别,value: 'sex ',disabled: ''},//每个选项里面就不用在多一个挑选了{ text : }男,value: '1'},{text: '女,value: '2'} ] }),方法: { ss : function(){ this。选项[0].禁用=已禁用;},} }/脚本以上这篇vue2.0下拉框默认标题设置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

版权声明:vue2.0下拉框默认标题设置方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。