使用 vue-select 或另一个不错的选择框以及 Vue 3 的 ESM vuild
P粉637866931
P粉637866931 2024-03-30 13:40:38
[Vue.js讨论组]

我有以下简单的设置,以及使用 Vue 3 的客户端 JavaScript 应用程序:

HTML(带有选择框):


  
    Test
  
  
    

我想使用具有搜索等现代功能的“漂亮”选择框(例如 vue-select 或 select2) - 但我不知道如何包含相关组件。我看到许多关于混合 jQuery 和 Vue.js 的警告,因此我避免只将 select2 作为 jquery 插件并以这种方式呈现。

如何将选择框变成“更好”更现代的选择元素?

P粉637866931
P粉637866931

全部回复(1)
P粉986937457

如果您不想使用插件而更喜欢自己构建它(我喜欢这样做)。

为此,您可以创建一个包含输入类型文本的 div,您可以使用该文本搜索 div 内的选项。这些选项作为锚标记存储在隐藏的 div 中。然后,将事件侦听器附加到锚标记元素及其需要调用的函数。

看看这个,您当然可以编辑它并使其按照您需要的方式工作。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号