详解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 相关文章推荐
Javascript - HTML的request类
Jan 09 Javascript
autoIMG 基于jquery的图片自适应插件代码
Mar 12 Javascript
js登录弹出层特效
Mar 07 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
Feb 16 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
Nov 07 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
vue获取验证码倒计时组件
Aug 26 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 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
文章推荐系统(二)
2006/10/09 PHP
TNC vs BOOM BO3 第三场2.13
2021/03/10 DOTA
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
2010/04/02 Javascript
yepnope.js 异步加载资源文件
2011/09/08 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
如何解决日期函数new Date()浏览器兼容性问题
2019/09/11 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
2020/03/09 Javascript
详解Python中heapq模块的用法
2016/06/28 Python
深入理解Python装饰器
2016/07/27 Python
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
校园新闻广播稿
2014/01/10 职场文书
《秋游》教学反思
2014/04/24 职场文书
运动会横幅标语
2014/06/17 职场文书
初中国旗下的演讲稿
2014/08/28 职场文书
群众路线表态发言材料
2014/10/17 职场文书
班主任自我评价范文
2015/03/11 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
张丽莉观后感
2015/06/16 职场文书
好员工观后感
2015/06/17 职场文书