[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10069":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":18,"lastSyncTime":35,"discoverSource":36},10069,"vue-multiselect","shentao\u002Fvue-multiselect","shentao","Universal select\u002Fmultiselect\u002Ftagging component for Vue.js","https:\u002F\u002Fvue-multiselect.js.org\u002F",null,"JavaScript",6787,991,94,242,0,1,2,13,4,69.29,"MIT License",false,"master",true,[27,28,29,30,31],"component","dropdown","javascript","select","vue","2026-06-12 04:00:48","# vue-multiselect\n\n## Documentation for version 3 (Compatible with Vue 3)\n\nDocumentation for v3.0.0 is almost the same as for v2.x as it is mostly backward compatible. For the full docs for v3 and previous versions, check out: [vue-multiselect.js.org](https:\u002F\u002Fvue-multiselect.js.org\u002F#sub-getting-started)\n\n## Sponsors\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgetform.io\u002F\" target=\"_blank\">\n    \u003Cimg src=\".\u002Fsvg\u002Fgetform.svg\" alt=\"GetForm Logo\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fsuade.org\u002F\" target=\"_blank\">\n    \u003Cimg src=\".\u002Fsvg\u002Fsuade.svg\" alt=\"Suade Logo\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.storyblok.com\u002Fdevelopers?utm_source=newsletter&utm_medium=logo&utm_campaign=vuejs-newsletter\" target=\"_blank\">\n    \u003Cimg src=\"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F51376\u002F3856x824\u002Ffea44d52a9\u002Fcolored-full.png\" alt=\"Storyblok\" width=\"240px\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.vuemastery.com\u002F\" target=\"_blank\">\n    \u003Cimg src=\".\u002Fsvg\u002Fvuemastery.svg\" alt=\"Vue Mastery Logo\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Features & characteristics:\n* Vue 3 Compatible\n* NO dependencies\n* Single select\n* Multiple select\n* Tagging\n* Dropdowns\n* Filtering\n* Search with suggestions\n* Logic split into mixins\n* Basic component and support for custom components\n* V-model support\n* Vuex support\n* Async options support\n* Fully configurable (see props list below)\n\n\n## Install & basic usage\n\n```bash\nnpm install vue-multiselect\n```\n\n```vue\n\u003Ctemplate>\n  \u003Cdiv>\n    \u003CVueMultiselect\n      v-model=\"selected\"\n      :options=\"options\">\n    \u003C\u002FVueMultiselect>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript>\nimport VueMultiselect from 'vue-multiselect'\nexport default {\n  components: { VueMultiselect },\n  data () {\n    return {\n      selected: null,\n      options: ['list', 'of', 'options']\n    }\n  }\n}\n\u003C\u002Fscript>\n\n\u003Cstyle src=\"vue-multiselect\u002Fdist\u002Fvue-multiselect.css\">\u003C\u002Fstyle>\n```\n\n## JSFiddle\n\n[Example JSFiddle](https:\u002F\u002Fjsfiddle.net\u002Fmattelen\u002F8cyt3hrn\u002F5\u002F) – Use this for issue reproduction.\n\n## Examples\n\n### Single select \u002F dropdown\n```vue\n\u003CVueMultiselect\n  :model-value=\"value\"\n  :options=\"source\"\n  :searchable=\"false\"\n  :close-on-select=\"false\"\n  :allow-empty=\"false\"\n  @update:model-value=\"updateSelected\"\n  label=\"name\"\n  placeholder=\"Select one\"\n  track-by=\"name\"\n\u002F>\n```\n\n### Single select with search\n```vue\n\u003CVueMultiselect\n  v-model=\"value\"\n  :options=\"source\"\n  :close-on-select=\"true\"\n  :clear-on-select=\"false\"\n  placeholder=\"Select one\"\n  label=\"name\"\n  track-by=\"name\"\n\u002F>\n```\n\n### Multiple select with search\n```vue\n\u003CVueMultiselect\n  v-model=\"multiValue\"\n  :options=\"source\"\n  :multiple=\"true\"\n  :close-on-select=\"true\"\n  placeholder=\"Pick some\"\n  label=\"name\"\n  track-by=\"name\"\n\u002F>\n```\n\n### Tagging\nwith `@tag` event\n```vue\n\u003CVueMultiselect\n  v-model=\"taggingSelected\"\n  :options=\"taggingOptions\"\n  :multiple=\"true\"\n  :taggable=\"true\"\n  @tag=\"addTag\"\n  tag-placeholder=\"Add this as new tag\"\n  placeholder=\"Type to search or add tag\"\n  label=\"name\"\n  track-by=\"code\"\n\u002F>\n```\n\n``` javascript\n\naddTag (newTag) {\n  const tag = {\n    name: newTag,\n    code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))\n  }\n  this.taggingOptions.push(tag)\n  this.taggingSelected.push(tag)\n},\n```\n\n### Asynchronous dropdown\n```vue\n\u003CVueMultiselect\n  v-model=\"selectedCountries\"\n  :options=\"countries\"\n  :multiple=\"multiple\"\n  :searchable=\"searchable\"\n  @search-change=\"asyncFind\"\n  placeholder=\"Type to search\"\n  label=\"name\"\n  track-by=\"code\"\n>\n  \u003Ctemplate #noResult>\n    Oops! No elements found. Consider changing the search query.\n  \u003C\u002Ftemplate>\n\u003C\u002FVueMultiselect>\n```\n\n``` javascript\nmethods: {\n  asyncFind (query) {\n    this.countries = findService(query)\n  }\n}\n```\n\n## ⚠️ Build Tool Compatibility\n\n**vue-multiselect requires Vue's Options API to function properly.** There are known issues with certain versions of `@vitejs\u002Fplugin-vue` that may inadvertently disable the Options API.\n\n### Known Issue with @vitejs\u002Fplugin-vue\n\nIf you're experiencing issues after updating `@vitejs\u002Fplugin-vue` to version 5.2.2 or later, consider downgrading to version 5.2.1:\n\n```bash\nnpm install @vitejs\u002Fplugin-vue@5.2.1\n```\n\nThis issue occurs because changes in the plugin's configuration handling can disable the Options API even when not explicitly configured. See [issue #1901](https:\u002F\u002Fgithub.com\u002Fshentao\u002Fvue-multiselect\u002Fissues\u002F1901) for more details.\n\n\n## Special Thanks\n\nThanks to Matt Elen for contributing this version!\n\n> A Vue 3 upgrade of [@shentao's](https:\u002F\u002Fgithub.com\u002Fshentao) [vue-mulitselect](https:\u002F\u002Fgithub.com\u002Fshentao\u002Fvue-multiselect) component. The idea is that when you upgrade to Vue 3, you can swap the two components out, and everything should simply work. Feel free to check out our story of how we upgraded our product to Vue 3 on our blog at  [suade.org](https:\u002F\u002Fsuade.org\u002Fa-products-vue-3-migration-a-real-life-story\u002F)\n\n## Contributing\n\n``` bash\n# distribution build with minification\nnpm run bundle\n\n# run unit tests\nnpm run test\n\n```\n","vue-multiselect 是一个适用于 Vue.js 的通用选择\u002F多选\u002F标签组件。它支持单选、多选、标签功能，并且提供了下拉菜单、过滤、搜索建议等核心特性，而无需任何外部依赖。该组件兼容 Vue 3，具有逻辑分离的 mixins 结构，支持 v-model 绑定、Vuex 和异步选项加载等功能，同时完全可配置以满足不同需求。适合于需要灵活且强大选择功能的各种 Web 应用场景，如电子商务网站的商品筛选、后台管理系统中的数据选择等。","2026-06-11 03:26:24","top_topic"]