详解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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
Javascript 判断Flash是否加载完成的代码
Apr 12 Javascript
jquery基础教程之deferred对象使用方法
Jan 22 Javascript
javascript中call,apply,bind的用法对比分析
Feb 12 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
js实现弹窗猜数字游戏
Nov 26 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
WindowsXP中快速配置Apache+PHP5+Mysql
2008/06/05 PHP
PHP的简易冒泡法代码分享
2012/08/28 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
JS应用之禁止抓屏、复制、打印
2008/02/21 Javascript
Jquery练习之表单验证实现代码
2010/12/14 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
2014/01/13 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
深入理解$.each和$(selector).each
2016/05/15 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
JS实现马赛克图片效果完整示例
2019/04/13 Javascript
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
python实现点击按钮修改数据的方法
2019/07/17 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
Missguided美国官网:英国时尚品牌
2018/01/18 全球购物
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
2015年度优秀员工自荐书
2015/03/06 职场文书
幼儿园国庆节活动总结
2015/03/23 职场文书
叶问观后感
2015/06/15 职场文书
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python
mysql如何能有效防止删库跑路
2021/10/05 MySQL