vue.js中关于下拉框的值默认及绑定问题
来源:互联网 发布:国家大数据专业委员会 编辑:程序博客网 时间:2024/06/18 06:34
一、今天遇到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>
阅读全文
0 0
- vue.js中关于下拉框的值默认及绑定问题
- vue.js select下拉框绑定和取值
- 【VUE】IView.js下拉框数据双向绑定
- 关于asp下拉绑定传值问题
- 关于HTML中select下拉框的取值问题
- 关于vue-router.js 下载的问题
- 使用js设置默认select下拉框的值
- 【工作日志】--关于Vue.js中<slot>的使用方法及注意事项
- DropDownList数据绑定及添加默认项的问题
- 关于vue.js版本问题
- vue中calss 动态绑定实现下拉列表
- 关于setTimeout中this绑定的问题
- Vue.js双向绑定的实现原理
- Vue.js双向绑定的实现原理
- vue.js表单的双向绑定
- 初始Vue.js--数据的绑定(一)
- js关于循环中onclick绑定带参数的函数问题
- vue.js 关于router-link的相关样式问题
- 【HPUoj】1218
- Scipy一维二维插值
- 项目打包时 Archive 编译成功 但是Organizer无法弹出
- OpenGLES2.0原理浅析
- web--前端之js代码5
- vue.js中关于下拉框的值默认及绑定问题
- dex2oat的原理及慢的原因
- NAT技术基本原理与应用
- Elasticsearch基础教程
- Unity简单的MVC
- sql 取重复数据的第一条记录
- IIS发布网页
- 如何区分数据和指令
- 商业智能可视化决策平台