vue实现的下拉框功能示例

本文实例讲述了某视频剪辑软件实现的下拉框功能。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net vue下拉框/title脚本src=' http :https://cdn。bootcss。com/Vue/2。4 .4/Vue。量滴js '/script/headdydiv id=' app '选择v型='一'选项v-for=' x in shuju ' { x . name } } { { x . fam name } }/option/select br div span { { one } }/span br span { { OneF } }/span br span { { OneL } }/span孙，famname: '悟空}，{name: '猪，famname: '八戒}，{name: '沙，famname: '悟净} ]，one:'' }，computed : { OneF(){返回此。一个。charat(0)；}，OneL(){ 0返回this.one.slice(1，3)；} } });/脚本/正文/html这里使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码，可得如下运行结果：

希望本文所述对大家vue.js程序设计有所帮助。