本文实例讲述了vue实现的下拉框功能。分享给大家供大家参考,具体如下:
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代码运行工具:/code/HtmlJsRun测试上述代码,可得如下运行结果:
希望本文所述对大家vue.js程序设计有所帮助。