vue 添加標簽demo

mist14 發布于2019-08-20 13:52 / 2800人閱讀

摘要：效果圖在線演示地址開發語法系統設備

demo效果圖

在線演示地址 http://wangduanduan.coding.me...

html



    {{item.name}} 
    


    

    
    
        {{one}}

new Vue({
        el:"#app",
        data:{
            selectedItems: [{
                name: "NodeJs"
            }],
            isShowDropmenu: false,
            inputItem:"",
            cataName:[{name:"開發語法"}, {name: "系統設備"}],
            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});
            }
        }
    });

GPU云服務器云服務器環信語音聊天vue demo vue 集成webrtc實時音視頻demo 添加標簽添加文件屬性標簽

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81292.html

從Nodejs腳本到vue首頁看開源始末的DemoHouse

摘要：最近上看見了大漠的項目，看到說準備做一個首頁，于是我的第一想法就是做一個列表頁面，文件可以很容易的生成一個文件。對于不確定的情況下，我們不表明具體的協議，使用。最近上Github看見了大漠的DemoHouse項目，看到Issues說準備做一個首頁，于是我的第一想法就是做一個md列表頁面，md文件可以很容易的生成一個html文件。剛剛做好腳本文件，可以生成list.md。隨后提了pr。...

Gemini 2019-08-22 10:39 評論0 收藏0
理解vue中的組件（一）

摘要：組件是中很重要，這部分也是最難理解的，先聊一聊中的組件。語法組件名選項對象來定義一個下拉框組件請選擇北京上海杭州組件的名字就為，在模板中使用組件請選擇北京上海杭州在模板中使用組件和正常標簽一樣。看了Vue的文檔，寫得很簡潔，但是并不簡單。在自己學習的過程中踩過不少的坑，學習的時候把官網的例子從頭到尾做了一遍，記錄在github中https://github.com/WYseven/v...

JasonZhang 2019-08-20 16:09 評論0 收藏0
Vue子組件與父組件之間的通信

摘要：子組件通過就可以接受到這個父組件傳遞的值。點擊向父組件傳值在父組件中的標簽中監聽該自定義事件，并添加一個響應該事件的方法。 1.環境搭建下載 vue-cli：npm install -g vue-cli 初始化項目：vue init webpack vue-demo 進入vue-demo文件夾：cd vue-demo 下載安裝依賴：npm install 運行該項目：npm...

fredshare 2019-08-23 10:43 評論0 收藏0
Vue子組件與父組件之間的通信

摘要：子組件通過就可以接受到這個父組件傳遞的值。點擊向父組件傳值在父組件中的標簽中監聽該自定義事件，并添加一個響應該事件的方法。 1.環境搭建下載 vue-cli：npm install -g vue-cli 初始化項目：vue init webpack vue-demo 進入vue-demo文件夾：cd vue-demo 下載安裝依賴：npm install 運行該項目：npm...

fish 2019-08-02 11:09 評論0 收藏0