vue-element的select下拉框赋值

浅浅的花香味﹌ 2022-12-09 14:00 354阅读 0赞

当返回值是对象数组的时候

<template>
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    </template>
    
    <script>
      export default {
        data() {
          return {
            options: [{
              value: '选项1',
              label: '黄金糕'
            }, {
              value: '选项2',
              label: '双皮奶'
            }, {
              value: '选项3',
              label: '蚵仔煎'
            }, {
              value: '选项4',
              label: '龙须面'
            }, {
              value: '选项5',
              label: '北京烤鸭'
            }],
            value: ''
          }
        }
      }
    </script>

![3937a890581a3721881599925836837e.png][]

当返回值是字符串数组的时候

<template>
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item"
          :value="item">
        </el-option>
      </el-select>
    </template>
    
    <script>
      export default {
        data() {
          return {
            options: [
              '黄金',
              '白银',
              '铂金',
              '钻石',
            ],
            value: ''
          }
        }
      }
    </script>

[3937a890581a3721881599925836837e.png]: /images/20221123/12ecbfb6ea7f4295b7e64b9f0903920b.png

发表评论取消回复

表情：

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

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

相关阅读

相关 html中给select下拉框赋值

var cycles2= document.getElementById('addcycle2'); select的名称 cycles2.options\[cycl

谁践踏了优雅/ 2023年10月05日 08:46/ 0 赞/ 72 阅读

相关下拉框Select类

导入 from selenium.webdriver.support.select import Select 方法 select\_by\_index()

r囧r小猫/ 2023年02月17日 02:20/ 0 赞/ 59 阅读

相关 vue-element怎么给select下拉框赋值？

看文档真的是一件非常快乐的事情，看别人写的代码，再跟自己写的代码一对比，立刻会发现有很多不同的地方，也可以学到很多新技能，从最简单的阅读学习起来，今天看的是select下拉框相

灰太狼/ 2022年12月13日 11:26/ 0 赞/ 368 阅读

相关 vue-element的select下拉框赋值

当返回值是对象数组的时候 <template> <el-select v-model="value" placeholder="请选择">

浅浅的花香味﹌/ 2022年12月09日 14:00/ 0 赞/ 355 阅读

相关 vue-element的select下拉框赋值

当返回值是对象数组的时候 <template> <el-select v-model="value" placeholder="请选择">

￡神魔★判官ぃ/ 2022年12月06日 01:22/ 0 赞/ 280 阅读

相关 Easyui中select下拉框的取值和赋值

取值 $('salesId').combobox('getValue'); 赋值 $("salesId").combobox('setValue', re

心已赠人/ 2022年04月22日 15:22/ 0 赞/ 727 阅读

相关 HTML-模拟select下拉框

html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit

逃离我推掉我的手/ 2022年04月22日 09:02/ 0 赞/ 381 阅读

相关 select下拉框笔记

以前记得select很溜的，好久没写前端都忘完了，把以前的代码又看了下，得做笔记啊一 2018-09-08 09:11:40 select里面应当填充List<

╰+哭是因爲堅強的太久メ/ 2022年04月16日 04:40/ 0 赞/ 388 阅读

相关 <select>下拉选择框

下拉选择框示例: <select id="DropDownList\_use" class="txt" onchange="selectSort(this.value

布满荆棘的人生/ 2021年10月23日 08:41/ 0 赞/ 557 阅读

相关 select下拉框重置

$('exId').select2("val", ""); $("select:first option:first").attr("selected",tru

淡淡的烟草味﹌/ 2021年09月16日 19:54/ 0 赞/ 766 阅读