详解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 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
Javascript 继承实现例子
Aug 12 Javascript
jquery ajax 检测用户注册时用户名是否存在
Nov 03 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
jquery实现的一个文章自定义分段显示功能
May 23 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
微信小程序实现时间进度条功能
Nov 17 Javascript
js实现拖拽与碰撞检测
Sep 18 Javascript
vue 解决provide和inject响应的问题
Nov 12 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
建立动态的WML站点(三)
2006/10/09 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
2013/05/31 Javascript
js 针对html DOM元素操作等经验累积
2014/03/11 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
2016/08/18 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
2016/12/26 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
vue页面切换过渡transition效果
2018/10/08 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
2020/06/03 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
Python进阶:生成器 懒人版本的迭代器详解
2019/06/29 Python
对python中基于tcp协议的通信(数据传输)实例讲解
2019/07/22 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
纯CSS3实现3D旋转书本效果
2016/03/21 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
2020/11/25 HTML / CSS
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
巴西在线鞋店:Shoestock
2017/10/28 全球购物
2014新年元旦活动策划方案
2014/02/18 职场文书
乌镇导游词
2015/02/02 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书
vue router 动态路由清除方式
2022/05/25 Vue.js