zoukankan      html  css  js  c++  java
  • Iview框架select默认选择一个option的值

    官方文档描述:

    基本用法。可以使用 v-model 双向绑定数据。
    单选时,value 只接受字符串和数字类型,多选时,只接受数组类型,组件会自动根据Option的value来返回选中的数据

    示例:

    <Option v-for="item in selectSupplierNameList" :value="item.value" :key="item.value">{{ item.label }}</Option>

    会跟根据 purchaseId 的值 ==  item.value,然后  渲染 相对应的item.lable 值。

    代码示例:

    <template>
        <Select v-model="model1" style="200px">
            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
        </Select>
    </template>
    <script> export default { data () { return { cityList: [ { value: '1', label: '北京' }, { value: '2', label: '上海' } ], model1: '' } } } </script>

    当 model1 的值 为 1 时 , 它就会 显示 北京.......

  • 相关阅读:
    课堂练习求环整数组中最大子数组之和
    学习进度第7周
    声明
    最大数
    学习进度02
    构建之法阅读笔记02
    学习进度01
    课堂练习之《哈利波特》
    《构建之法》阅读笔记06
    寻找水龙王2
  • 原文地址:https://www.cnblogs.com/oukele/p/10232086.html
Copyright © 2011-2022 走看看