vue2.0 下拉框默认标题设置方法
昨天到今天，用vue2.0在写一个性别选择框，一给option添加seledted属性就报错这里
下面是报错的代码
ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-c231dfa2!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/second.vue template syntax error <select v-model="selected">: inline selected attributes on <option> will be ignored when using v-model. Declare initial values in the component's data option instead.
selected 已经绑定在<select></select> 上了 , 你选择了哪个选项， selected 就是那个选项的value了 ，你想让哪个选项为默认选中的话，就在data里的seleced 设置为那个选项的value
在单击<select></select> 时，给'性别'这个选项添加一个disabled属性就可以禁用了
<template>
<select v-model='selected' @click="ss()">
<option v-for="(option,index) in options" v-bind:value="option.value" :disabled="option.disabled">
{{ option.text }}{{index}}{{option.disabled}}
</option>
</select>
<span>Selected: {{ selected }}</span>
</template>
<script>
export default{
name: 'second',
data(){
return {
selected: 'sex', // 比如想要默认选中为性别，那么就把他的value值设置为'sex'
options: [
{text: '性别', value: 'sex', disabled: ''}, //每个选项里面就不用在多一个selected 了
{text: '男', value: '1'},
{text: '女', value: '2'}
]
}
},
methods: {
ss: function () {
this.options[0].disabled = disabled;
},
}
}
</script>
以上这篇vue2.0 下拉框默认标题设置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍django前端页面下拉选择框默认值设置方式，包括了django前端页面下拉选择框默认值设置方式的使用技巧和注意事项，需要的朋友参考一下 1，前端样式 2，前端html代码 补充知识：djiango makemigrations与migrate错误修正方法 1，场景描述： model频繁修改，导致表结构同步失败，或者makemigrations检查通过，但migrate执行失败。 2
-
问题内容： 我在我的应用程序中使用JTabbedPane。我添加了两个选项卡，它们是自定义类“ ContentPanel”的实例。这扩展了JPanel并设置了背景，边框等。基本上，这意味着我不必设置要应用此颜色方案的每个JPanel的属性。我注意到，不仅它们的边框出现了，而且另一个边框（我认为是蓝色的- 至少在我的屏幕上）出现在此边框周围，并与“选择器”标签本身相连（即，您单击以获得按钮的按钮）适
-
本文向大家介绍Angular中ng-options下拉数据默认值的设定方法，包括了Angular中ng-options下拉数据默认值的设定方法的使用技巧和注意事项，需要的朋友参考一下 今天学习了一下Angular中ng-options下拉数据默认值的设定方法，留个笔记 直接上代码 AngularJS 演示 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍select标签设置默认选中的选项方法，包括了select标签设置默认选中的选项方法的使用技巧和注意事项，需要的朋友参考一下 方法有两种。 第一种 通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。 第二种 为通过前端js来控制选中的项： 获取<select>标签选中项文本的js代码为: 一些其它操作<select>标签的技巧如下： 1)
-
我有一个文本框、一个下拉框和一个文本框。单击按钮时，文本框正在更新。选择下拉值时，文本框正在更新。但是，在更新文本框时，应同时更新文本框的默认下拉值，即“0”。这里，应该是的值。 下面是我的代码，它不显示时，下拉有它的默认值。（但是，在选择另一个选项并再次选择默认值后，它将更新。） 下拉 HTML
-
本文向大家介绍jQuery设置和移除文本框默认值的方法，包括了jQuery设置和移除文本框默认值的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery设置和移除文本框默认值的方法。分享给大家供大家参考。具体分析如下： 开始时，文本框设定一个默认值。当光标移动到文本框时，如果文本框当前值是默认值，那么清空；离开文本框时，文本框值如果为空，那么将文本框值设置为默认值。 代码如下：