ant design + vue 获取下拉菜单选中的option对象或者option的指定属性值；antdesign；select

ant design + vue 获取下拉菜单选中的option对象或者option的指定属性值

Sunny_lxm

2767人浏览 · 2022-11-09 14:49:55

Sunny_lxm · 2022-11-09 14:49:55 发布

:code="item"

<a-select v-model="addForm.storeID" placeholder="选择MarketingID后输入搜索"
        @change="changeStores">
// :code="item"  关键！！！
    <a-select-option :value="item.id" v-for="item in stores"  
                     :key="item.id" :code="item">
              {{ item.storeName }}
     </a-select-option>
 </a-select>

// change store 单选
// 获取 option.data.attrs.code  关键！！！！
changeStores (value, option) {
   console.info('value', value)
   console.info('option', option.data.attrs.code)
},

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^