基于vue.js中关于下拉框的值默认及绑定问题

一、今天遇到vue中下拉框问题，故而写点东西留个脚印

<template>
<select v-model='selected' @click="disable()">
<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', // 这里选择默认项
options: [
{text: '点击选择性别', value: 'sex', disabled: ''},
{text: '男', value: '1'},
{text: '女', value: '2'}
]
}
},
methods: {
disable: function () {
this.options[0].disabled = disabled;
},
}
}
</script>

以上这篇基于vue.js中关于下拉框的值默认及绑定问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• 浅谈Vue Element中Select下拉框选取值的问题
• vue.js实现单选框、复选框和下拉框示例
• vue2.0 下拉框默认标题设置方法
• Vue.js 2.0中select级联下拉框实例
• vue.js select下拉框绑定和取值方法