详解element-ui中el-select的默认选择项问题


Posted in Javascript onAugust 02, 2019

直接绑定将option中的value值绑定给v-model

<template>
 <div>
  <el-select v-model="query">
   <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option>
  </el-select>
 </div>
</template>
<script>
export default{
 data() {
  return {
   options: [{
    value: '01',
    label: '我的'
   }, {
    value: '02',
    label: '你的'
   }, {
    value: '03',
    label: '他的'
   }],
   query: '02'
  }
 }
}
</script>
<style></style>

详解element-ui中el-select的默认选择项问题

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
jquery.validate使用攻略 第五步 正则验证
Jul 01 Javascript
另一个javascript小测验(代码集合)
Jul 27 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
JS cookie中文乱码解决方法
Jan 28 Javascript
javascript文本模板用法实例
Jul 31 Javascript
js中javascript:void(0) 真正含义
Nov 05 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
用js将long型数据转换成date型或datetime型的实例
Jul 03 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 #jQuery
150行Node.js实现的dns代理工具
Aug 02 #Javascript
el-select 下拉框多选实现全选的实现
Aug 02 #Javascript
js动态获取时间的方法分析
Aug 02 #Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 #Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 #jQuery
vue单页应用的内存泄露定位和修复问题小结
Aug 02 #Javascript
You might like
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
分页详解 从此分页无忧(PHP+mysql)
2007/11/23 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
三种取消选中单选框radio的方法
2014/09/09 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
悬浮广告方法日常收集整理
2016/03/18 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
BootStrap 导航条实例代码
2017/05/18 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
微信小程序 input输入及动态设置按钮的实现
2017/10/27 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
微信小程序实现倒计时补零功能
2018/07/09 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
2019/08/03 Javascript
Vue实现兄弟组件间的联动效果
2020/01/21 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
[00:33]2018DOTA2亚洲邀请赛TNC出场
2018/04/04 DOTA
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
python 中文乱码问题深入分析
2011/03/13 Python
python+opencv实现动态物体识别
2018/01/09 Python
手写一个python迭代器过程详解
2019/08/27 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
学期自我鉴定范文
2013/10/01 职场文书
理工大学毕业生自荐信
2013/11/01 职场文书
信息管理员岗位职责
2013/12/01 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
争先创优活动总结
2014/08/27 职场文书
高三教师工作总结2015
2015/07/21 职场文书