明霞山资源网 Design By www.htccd.com
一、今天遇到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.js,下拉框,绑定
明霞山资源网 Design By www.htccd.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
明霞山资源网 Design By www.htccd.com
暂无评论...