详解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 setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
深入剖析JavaScript中的枚举功能
Mar 06 Javascript
jQuery选择器querySelector的使用指南
Jan 23 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
再JavaScript的jQuery库中编写动画效果的指南
Aug 13 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
May 28 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 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
php简单构造json多维数组的方法示例
2017/06/08 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
javascript实用小函数使用介绍
2013/11/11 Javascript
js读取配置文件自写
2014/02/11 Javascript
巧用replace将文字表情替换为图片
2014/04/17 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
JavaScript事件类型中UI事件详解
2016/01/14 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
laydate.js日期时间选择插件
2017/01/04 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
2019/03/26 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
js实现选项卡效果
2020/03/07 Javascript
python 内置模块详解
2019/01/01 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
python 实现人和电脑猜拳的示例代码
2020/03/02 Python
python单例模式的应用场景实例讲解
2021/02/24 Python
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
Linux上比较文件的命令都有哪些
2013/09/28 面试题
中学清明节活动总结
2014/07/04 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
学生违纪检讨书200字
2014/10/21 职场文书
先进党员事迹材料
2014/12/24 职场文书
爱的承诺书
2015/01/20 职场文书
幼师中班个人总结
2015/02/12 职场文书
民事二审代理词
2015/05/25 职场文书
Python 阶乘详解
2021/10/05 Python