html JS实现下拉菜单 vue.js怎么实现下拉框

本文环境：windows7、vue2.9.6，该方法适用于所有品牌的电脑。

vue.js实现下拉框的方法：

vue下拉框

{{x.name}}{{x.famname}}

{{one}}

{{oneF}}

{{oneL}}

let rua=new Vue({

el:"#app",

data:{

shuju:[

{name:"孙",famname:"悟空"},

{name:"猪",famname:"八戒"},

{name:"沙",famname:"悟净"}

],

one:""

},

computed:{

oneF(){

return this.one.charAt(0);

},

oneL(){

return this.one.slice(1,3);

}

}

});

这里使用在线HTML/CSS/JavaScript代码运行工具测试上述代码，可得如下运行结果：