a-select组件使用

Posted 2023-03-09

参考技术A 记录一次bug和一次使用组件

组件：

<a-select

    mode="multiple"

    :defaultValue="['a1', 'b2']"

    style="width: 100%"

    @change="handleChange"

    placeholder="Please select"

  >

    <a-select-option v-for="i in 25" :key="(i + 9).toString(36) + i"

      >(i + 9).toString(36) + i</a-select-option

    >

  </a-select>

使用：

key和value是一对，绑定的，相关联的，value是大名一般用来展示，key是小名一般是一串数字，defaultValue是默认的key值。

BUG:

:defaultValue="['a1', 'b2']"给值完全没问题（mode="multiple"，可以默认多个，defaultValue是个数组，可以默认多个key值）

但是写成  :defaultValue="[storeid]", 就置入不上，这时storeid是初始化成字符串格式，this.storeid  =  ' '

并且报了个错

改写成  :defaultValue="storeid"，就好了，storeid初始化成数组格式，this.storeid=[ ]

猜测原因（强行解释）是因为，这个defaultValue数组里面不能放变量。

------

优化，this.storeid= [ ] 加一个清空，又不好用了，没置入数据。没有报错。

再改写，在置入数据前，执行this.storeid.shift(), 意思是把storeid数组第一个清空，好了

-------

key可以写多个值，：key="item.id +'&'+item.value"