VueJS 的多选组件

【问题标题】：MultiSelect Component for VueJSVueJS 的多选组件
【发布时间】：2021-07-21 17:58:53
【问题描述】：

我目前正在使用来自 JQuery 的“多选组件”。我刚刚发现有一个 Vue 版本，但它添加了对我不喜欢的 Jquery 的依赖。

https://multiple-select.wenzhixin.net.cn/docs/en/introduction

是否有使用 VueJS 3.0 或任何更好的替代品的本地方式来做到这一点？

这就是我要实现的目标：

【问题讨论】：

标签： vuejs3

【解决方案1】：

是的，您可以为下拉菜单/复选框创建一个新组件，也可以使用 Vuetify 中的类似组件：https://vuetifyjs.com/en/components/selects/#menu-props

对于新组件，您可以像这样使用：

<div class="select">
  <ul>
    <li v-for="(option, index) in options" :key="index">
      <input type="checkbox" :id="index" :value="option.value" v-model="selected">
      <label :for="index">{{ option.anything }}</label>
    </li>
  </ul>
</div>

这是代码笔，我不拥有代码。 https://codepen.io/huleos/pen/xQaYdK

【讨论】：