基于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中怎么做对象的类型判断
Nov 11 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
Jul 21 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
javascript求日期差的方法
Mar 02 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
javaScript基础详解
Jan 19 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
Java无向树分析 实现最小高度树
Apr 09 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
PHPMailer安装方法及简单实例
2008/11/25 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
CI框架附属类用法分析
2018/12/26 PHP
js实现tab切换效果实例
2015/09/16 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
基于axios 解决跨域cookie丢失的问题
2018/09/26 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场
2018/04/09 DOTA
Python实现将n个点均匀地分布在球面上的方法
2015/03/12 Python
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
Python操作Access数据库基本步骤分析
2016/09/19 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
python实现简单银行管理系统
2019/10/25 Python
python写一个随机点名软件的实例
2019/11/28 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
美国家喻户晓的保健品品牌:Vitamin World(维他命世界)
2016/08/19 全球购物
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
澳大利亚家具和家居用品购物网站:Zanui
2018/12/29 全球购物
大学生最新职业生涯规划书范文
2014/01/12 职场文书
小学数学教学反思
2014/02/02 职场文书
人事部专员岗位职责
2014/03/04 职场文书
激励员工的口号
2014/06/16 职场文书
出差报告格式模板
2014/11/06 职场文书
三方协议书
2015/01/27 职场文书
2016年教代会开幕词
2016/03/04 职场文书