当前位置: 首页 > Web前端 > vue.js

QuasarSelect:可以进入option选项,输入option清空

时间:2023-03-31 22:39:40 vue.js

即可达到效果。UI组件仍然使用QuasarFramework。先来看看效果:实现Select:可以输入option选项,可以清除输入的选项。找到官网例子中的Usingmenu和filter,在此基础上修改,结合Customizingmenu选项,实现选项清除按钮。Select:过滤并添加到菜单——QuasarPlayground是基于这段代码修改的:代码如下:template:{{scope.opt}}添加数据:options:['Google','Facebook','Twitter','Apple','Oracle'],//initial添加值方法:deleOption(opt){if(opt===this.model){this.model=null;}constpos=stringOptions.indexOf(opt);stringOptions=stringOptions.splice(pos,1);}点击查看完整代码:CodePenHomeQuasarSelect:可以进入option选项,输入选项可以清空文件QuasarFrameworkUsingmenu和filteringCustomizingmenuoptions