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


Posted in Javascript onAugust 22, 2018

一、今天遇到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中关于下拉框的值默认及绑定问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
jQuery实现列表的全选功能
Mar 18 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
一览画面点击复选框后获取多个id值的方法
May 30 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 #Javascript
vue2.0 下拉框默认标题设置方法
Aug 22 #Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 #Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 #jQuery
js动态设置select下拉菜单的默认选中项实例
Aug 21 #Javascript
Canvas实现微信红包照片效果
Aug 21 #Javascript
Vue开发实现吸顶效果的示例代码
Aug 21 #Javascript
You might like
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
PHP 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
兼容PHP和Java的des加密解密代码分享
2014/06/26 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
用jquery方法操作radio使其默认选项是否
2013/09/10 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
document.write的几点使用心得
2014/05/14 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
2017/06/13 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
vue 根据选择条件显示指定参数的例子
2019/11/09 Javascript
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
Python实现调用另一个路径下py文件中的函数方法总结
2018/06/07 Python
Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】
2019/03/11 Python
使用Python3内置文档高效学习以及官方中文文档
2019/05/19 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
美国最大的无人机经销商:DroneNerds
2018/03/20 全球购物
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
家长会学生家长演讲稿
2013/12/29 职场文书
写给女生的道歉信
2014/01/08 职场文书
十八届三中全会感言
2014/03/10 职场文书
地质灾害防治方案
2014/05/14 职场文书
企业环保标语
2014/06/10 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
给原生html中添加水印遮罩层的实现示例
2021/04/02 Javascript