详解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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
js获取form表单所有数据的简单方法
Aug 18 Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 Javascript
Vue生命周期示例详解
Apr 12 Javascript
vue实现简单的日历效果
Sep 24 Javascript
浅谈javascript如何获取文件后缀名
Aug 07 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
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
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
php获取用户IPv4或IPv6地址的代码
2012/11/15 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
用javascript实现给图片加链接
2007/08/15 Javascript
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
jquery attr 设定src中含有&amp;(宏)符号问题的解决方法
2011/07/26 Javascript
读JavaScript DOM编程艺术笔记
2011/11/15 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
js console.log打印对像与数组用法详解
2016/01/21 Javascript
AngularJS入门教程之AngularJS模型
2016/04/18 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
JS中图片压缩的方法小结
2017/11/14 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
深入理解Python中变量赋值的问题
2017/01/12 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
python使用webdriver爬取微信公众号
2018/08/31 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
python的pytest框架之命令行参数详解(上)
2019/06/27 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Django 查询数据库并返回页面的例子
2019/08/12 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
2014年大学生就业规划书
2014/04/04 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
车间统计员岗位职责
2015/04/14 职场文书
个人欠条范本
2015/07/03 职场文书