基于vue.js中关于下拉框的值默认及绑定问题
更新时间:2018年08月22日 09:05:02 作者:卢浮宫丶晓
今天小编就为大家分享一篇基于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使用vue-video-player无法播放本地视频的问题及解决
这篇文章主要介绍了vue使用vue-video-player无法播放本地视频的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-08-08Vue.js分页组件实现:diVuePagination的使用详解
这篇文章主要介绍了Vue.js分页组件实现:diVuePagination的使用详解,需要的朋友可以参考下2018-01-01Vue 3.0 前瞻Vue Function API新特性体验
这篇文章主要介绍了Vue 3.0 前瞻Vue Function API新特性体验,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-08-08
最新评论