当前位置:   article > 正文

a-slect搜索功能,并获取选中值的整个对象_获取a-select 选中 对象值

获取a-select 选中 对象值
  1. <a-select
  2. style="width: 100%"
  3. show-search
  4. :default-active-first-option="false"
  5. :show-arrow="false"
  6. :filter-option="false"
  7. placeholder="请选择"
  8. v-model="value"
  9. @search="getList" // 搜索方法
  10. @change="Change"
  11. :getPopupContainer="
  12. (triggerNode) => {
  13. return triggerNode.parentNode
  14. }
  15. "
  16. >
  17. <a-select-option
  18. :key="item.branchId"
  19. :value="item.branchId"
  20. v-for="item in branchList"
  21. :channel="item"> //重点带上这个属性,那么选中值的整个对象就会在e.data.attrs.channel
  22. {{ item.name }}
  23. </a-select-option>
  24. </a-select>
  1. change(val, e) {
  2. console.log(val) // 选中值的value
  3. console.log(e.data.attrs.channel) //选中值的整个对象
  4. }
  5. getList(val) {
  6. if (!value) return
  7. const params = {
  8. name: value,
  9. current: 1,
  10. size: 50
  11. }
  12. Api(params).then((res) => {
  13. this.List = res.result
  14. })
  15. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/151761?site
推荐阅读
相关标签
  

闽ICP备14008679号