element UI select 设定默认值

本是古典何须时尚 2023-06-02 05:29 18阅读 0赞

要为select设定默认值，有两个步骤

1、数据中，声明一个变量param；该变量的值设为你想设定的select option中value

2、控件的 `v-model 绑定 param 即可`

<div id="app">
    <template>
      <el-select v-model="value4" clearable placeholder="请选择">
        <el-option v-for="item in options" :label="item.label" :value="item.value">
        </el-option>
      </el-select>
    </template>
    </div>

var Main = {
        data() {
          return {
            options: [{
              value: '选项1',
              label: '黄金糕'
            }, {
              value: '选项2',
              label: '双皮奶'
            }, {
              value: '选项3',
              label: '蚵仔煎'
            }, {
              value: '选项4',
              label: '龙须面'
            }, {
              value: '选项5',
              label: '北京烤鸭'
            }],
            value4: '选项2'
          }
        }
      }
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')

**代码摘自：**[https://segmentfault.com/q/1010000008962854][https_segmentfault.com_q_1010000008962854]

` `

转载于:https://www.cnblogs.com/dannyyao/p/8120186.html

[https_segmentfault.com_q_1010000008962854]: https://segmentfault.com/q/1010000008962854

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 element UI select 设定默认值

要为select设定默认值，有两个步骤 1、数据中，声明一个变量param；该变量的值设为你想设定的select option中value 2、控件的 `v-model 绑

本是古典何须时尚/ 2023年06月02日 05:29/ 0 赞/ 19 阅读

相关 Element-UI 之 Select 选择器

在使用Vue开发 SPA PC 端管理系统项目时，Select 选择器必不可少，今天来看看Select 选择器的基本使用及问题解决基本使用就不多说了，看文档就可以：[

た入场券/ 2023年02月20日 07:24/ 0 赞/ 22 阅读

相关 element-ui 解决 el-select 设置默认值后无法切换选项

原因：select已经绑定了值，render函数没有自动更新，数据刷新了但是视图没有刷新解决方法：使用this.$forceUpdate()重新render <e

快来打我*/ 2023年01月17日 07:35/ 0 赞/ 287 阅读

相关 element 中修改UI默认样式

element中修改默认样式不生效 1、可以去掉scoped <style type="scss" scoped="scoped"> /去掉scoped="

忘是亡心i/ 2023年01月08日 08:04/ 0 赞/ 233 阅读

相关修改Element UI默认样式

方法一：去掉scoped 方法二: 不去掉scoped，类名前使用/deep/ /deep/.el-timeline-item__node { bac

不念不忘少年蓝@/ 2022年12月26日 08:20/ 0 赞/ 398 阅读

相关 element UI el-select Select 的绑定值为对象类型

如果 Select 的绑定值为对象类型，请务必指定 value-key 作为它的唯一性标识。 <el-select v-model="comparison" valu

港控/mmm°/ 2022年12月17日 01:23/ 0 赞/ 307 阅读

相关 jquery 通过显示值设定 select box

代码比较简短假若html代码如此 <select id="xxx"> <option value="1">China</option> <option va

傷城~/ 2022年07月19日 00:21/ 0 赞/ 120 阅读

相关 element-ui 关于获取select 的label值

在某些场景下，还是需要在获得label的值跟Value值的。 vue获取值的方式： <el-form-item label="库位" prop="goodsLoca

我就是我/ 2022年05月26日 00:52/ 0 赞/ 185 阅读

相关 Element ui select同时获取value和label的值

代码如下： <el-form-item v-if="isMD" label="业务员名称"> <el-select v-model

傷城~/ 2022年04月08日 09:18/ 0 赞/ 353 阅读

相关 element-ui select 获取label

网上较多的做法都是通过数组的find()方法,找到对象,再取出label.如果数组长度很大,会影响效率. 这里记录下另一种方法 <body> <d

向右看齐/ 2022年03月22日 10:10/ 0 赞/ 334 阅读