介绍 & lt; div id=癮pp"比;
& lt; div 比;
& lt;才能span 类=皊electedItem", v=癷tem 拷贝selectedItems"在{{item.name}}, & lt;小姐:类=皉ed fa fa-close (化名)“;
v:才能点击=癲eleteSelectedItem(美元指数)“祝辞& lt;/i> & lt;/span>
& lt;才能input v模型=癷nputItem",类型=皌ext", v:专注=皊howDropmenu", v: keyup.enter=癮ddItem"比;
& lt;/div>
& lt; div v-show=癷sShowDropmenu"祝辞
& lt;才能button v=癷tem cataName"拷贝,v:点击=皊howCataList(美元指数)“在{{item.name}} & lt;/button>
& lt;才能button v:点击=癶ideDropmenu"祝辞& lt;小姐:类=皉ed fa fa-close (化名)“祝辞& lt;/i> & lt;/button>
& lt;才能div v=癷tem cataList"拷贝,v-show=癷tem.isShow"比;
,,,& lt; span v=皁ne item.items"拷贝,类=癷tem", v:点击=癮ddByClick(一)“在{{一}}& lt;/span>
& lt;才能/div>
& lt;/div>
& lt;/div> new Vue ({
,,,el: & # 39; #应用# 39;
,,,数据:{
,,,,,设置selecteditem:, {
,,,,,,,名字:,& # 39;NodeJs& # 39;
,,,,,},
,,,,,isShowDropmenu:,假的,
,,,,,inputItem: & # 39; & # 39;
,,,,,cataName:[{名称:& # 39;开发语法& # 39;},,{名称:,& # 39;系统设备& # 39;}),
,,,,,凯利板:[{
,,,,,,,isShow:,真的,
,,,,,,,项目:[& # 39;js # 39; & # 39; c + + & # 39;, & # 39; java # 39;】
,,,,,},{
,,,,,,,isShow:,假的,
,,,,,,,项目:[& # 39;windows # 39; & # 39; chrome # 39;, & # 39; linux # 39;】
,,,,,}]
,,,},
,,,方法:{
,,,,,showDropmenu:,函数(事件){
,,,,,,,console.log (& # 39; showDropmenu& # 39;);
,,,,,,,this.isShowDropmenu =,真的;
,,,,,},
,,,,,hideDropmenu:,函数(事件){
,,,,,,,this.isShowDropmenu =,假;
,,,,,,,console.log (& # 39; hideDropmenu& # 39;);
,,,,,},
,,,,,测试:,函数(){
,,,,,,,console.log(& # 39;测试# 39;);
,,,,,},
,,,,,addItem:,函数(){
,,,,,,,this.selectedItems.push ({name:, this.inputItem});
,,,,,,,this.inputItem =,““
,,,,,},
,,,,,deleteSelectedItem:,函数(指数){
,,,,,,,this.selectedItems.splice(指数,1);
,,,,,},
,,,,,showCataList:,函数(指数){
,,,,,,,var 小姐:=,this.cataList.length;
,,,,,,,,(我){
,,,,,,,,,小姐:===,index ?, this.cataList[我].isShow =,真的:,this.cataList[我].isShow =,假;
,,,,,,,}
,,,,,},
,,,,,addByClick:,函数(名字){
,,,,,,,var 小姐:=,this.selectedItems.length;
,,,,,,,,(我){
,,,,,,,,,如果(this.selectedItems[我].name ===,名字){
,,,,,,,,,,,返回;
,,,,,,,,,}
,,,,,,,}
,,,,,,,this.selectedItems.push({名称:,名称});
,,,,,}
,,,}
});才能
本篇文章给大家分享的是有关怎么在vue中添加标签演示,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
<强> html
<强> js
