資訊專欄INFORMATION COLUMN
摘要：效果圖在線演示地址開(kāi)發(fā)語(yǔ)法系統(tǒng)設(shè)備
demo效果圖
在線演示地址 http://wangduanduan.coding.me...
html
{{item.name}}{{one}}
js
new Vue({
el:"#app",
data:{
selectedItems: [{
name: "NodeJs"
}],
isShowDropmenu: false,
inputItem:"",
cataName:[{name:"開(kāi)發(fā)語(yǔ)法"}, {name: "系統(tǒng)設(shè)備"}],
cataList:[{
isShow: true,
items:["js","c++","java"]
},{
isShow: false,
items:["windows","chrome","linux"]
}]
},
methods:{
showDropmenu: function(event){
console.log("showDropmenu");
this.isShowDropmenu = true;
},
hideDropmenu: function(event){
this.isShowDropmenu = false;
console.log("hideDropmenu");
},
test: function(){
console.log("test");
},
addItem: function(){
this.selectedItems.push({name: this.inputItem});
this.inputItem = "";
},
deleteSelectedItem: function(index){
this.selectedItems.splice(index, 1);
},
showCataList: function(index){
var i = this.cataList.length;
while(i--){
i === index ? this.cataList[i].isShow = true: this.cataList[i].isShow = false;
}
},
addByClick: function(name){
var i = this.selectedItems.length;
while(i--){
if(this.selectedItems[i].name === name){
return;
}
}
this.selectedItems.push({name: name});
}
}
});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81292.html
摘要：最近上看見(jiàn)了大漠的項(xiàng)目，看到說(shuō)準(zhǔn)備做一個(gè)首頁(yè)，于是我的第一想法就是做一個(gè)列表頁(yè)面，文件可以很容易的生成一個(gè)文件。對(duì)于不確定的情況下，我們不表明具體的協(xié)議，使用。 最近上Github看見(jiàn)了大漠的DemoHouse項(xiàng)目，看到Issues說(shuō)準(zhǔn)備做一個(gè)首頁(yè)，于是我的第一想法就是做一個(gè)md列表頁(yè)面，md文件可以很容易的生成一個(gè)html文件。剛剛做好腳本文件，可以生成list.md。隨后提了pr。...
摘要：組件是中很重要，這部分也是最難理解的，先聊一聊中的組件。語(yǔ)法組件名選項(xiàng)對(duì)象來(lái)定義一個(gè)下拉框組件請(qǐng)選擇北京上海杭州組件的名字就為，在模板中使用組件請(qǐng)選擇北京上海杭州在模板中使用組件和正常標(biāo)簽一樣。 看了Vue的文檔，寫(xiě)得很簡(jiǎn)潔，但是并不簡(jiǎn)單。在自己學(xué)習(xí)的過(guò)程中踩過(guò)不少的坑，學(xué)習(xí)的時(shí)候把官網(wǎng)的例子從頭到尾做了一遍，記錄在github中https://github.com/WYseven/v...
摘要：子組件通過(guò)就可以接受到這個(gè)父組件傳遞的值。點(diǎn)擊向父組件傳值在父組件中的標(biāo)簽中監(jiān)聽(tīng)該自定義事件，并添加一個(gè)響應(yīng)該事件的方法。 1.環(huán)境搭建 下載 vue-cli：npm install -g vue-cli 初始化項(xiàng)目：vue init webpack vue-demo 進(jìn)入vue-demo文件夾：cd vue-demo 下載安裝依賴：npm install 運(yùn)行該項(xiàng)目：npm...
摘要：子組件通過(guò)就可以接受到這個(gè)父組件傳遞的值。點(diǎn)擊向父組件傳值在父組件中的標(biāo)簽中監(jiān)聽(tīng)該自定義事件，并添加一個(gè)響應(yīng)該事件的方法。 1.環(huán)境搭建 下載 vue-cli：npm install -g vue-cli 初始化項(xiàng)目：vue init webpack vue-demo 進(jìn)入vue-demo文件夾：cd vue-demo 下載安裝依賴：npm install 運(yùn)行該項(xiàng)目：npm...
閱讀 2614·2021-10-11 10:58
閱讀 1191·2021-09-29 09:34
閱讀 1561·2021-09-26 09:46
閱讀 3870·2021-09-22 15:31
閱讀 764·2019-08-30 15:54
閱讀 1492·2019-08-30 13:20
閱讀 1282·2019-08-30 13:13
閱讀 1517·2019-08-26 13:52
