微信小程序商家版_vue完成的下拉框功用示例
摘要： vue完成的往下拉框作用实例 本文关键详细介绍了vue完成的往下拉框作用,涉及到vue.js数据信息载入、解析xml、恶性事件响应等有关实际操作方法,必须的朋友能够参照下title vue往下...
vue实现的下拉框功能示例
这篇文章主要介绍了vue实现的下拉框功能,涉及vue.js数据读取、遍历、事件响应等相关操作技巧,需要的朋友可以参考下
title vue下拉框 /title script src="vue/2.4.4/vue.min.js" /script /head body div id="app" select v-model="one" option v-for="x in shuju" {{x.name}}{{x.famname}} /option /select br div span {{one}} /span br span {{oneF}} /span br span {{oneL}} /span /div /div script 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); /script /body /html
title vue下拉框 /title script src="vue/2.4.4/vue.min.js" /script /head body div id="app" select v-model="one" option v-for="x in shuju" {{x.name}}{{x.famname}} /option /select br div span {{one}} /span br span {{oneF}} /span br span {{oneL}} /span /div /div script 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); /script /body /html
这里使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码，可得如下运行结果：
希望本文所述对大家vue.js程序设计有所帮助。
