Vue官網教程學習過程中值得記錄的一些事情

lowett 發布于2019-08-02 12:11 / 2353人閱讀

摘要：今天在官網上學習過程中看到了一個挺有趣的東西，具體效果如下圖代碼如下標簽名例如工作，學習添加標簽刪除代碼如下趙喜娜其中，官網上講到了一個按鍵修飾符在監聽鍵盤事件時，我們經常需要檢查常見的鍵值。

今天在官網上學習過程中看到了一個挺有趣的東西，具體效果如下圖

html代碼如下


        
            標簽名: 
        
        

        
            
               {{index}} {{item.something}}

js代碼如下

var app = new Vue({
        el:"#app",
        data(){
            return{
                content:"",
                datalist:[
                    {id:0,something:"趙喜娜"},
                    {id:1,something:"Jhon Sena"},
                    {id:2,something:"visual studio code"},
                ],
                nextId:3,
            }
        },
        methods:{
            addlist(){
                this.datalist.push(
                    {id:this.nextId++,something:this.content}
                )
                this.content=""
            },
            remove(index){
                this.datalist.splice(index,1)
                console.log(index)
            }
        },
        created() {
            var lett=this;
            document.onkeydown=function(e){
                var key=window.event.keyCode;
                if(key==13){
                  lett.addlist();
                }
            }
        },
    })

其中，官網上講到了一個按鍵修飾符

在監聽鍵盤事件時，我們經常需要檢查常見的鍵值。Vue 允許為 v-on 在監聽鍵盤事件時添加按鍵修飾符

我在代碼里加上了@keyup.enter 然而，按回車鍵并沒有什么用，要先獲得一次焦點以后才能夠按鍵觸發，當然也百度到了解決辦法，辦法就是在created里面添加一個鍵盤事件

    created() {
            var lett=this;
            document.onkeydown=function(e){
                var key=window.event.keyCode;
                if(key==13){
                  lett.addlist();
                }
            }
        },

就ok了

GPU云服務器云服務器深度學習的一些應用深度學習的過程機器學習的過程 php存儲過程記錄集

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

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

Vue官網教程學習過程中值得記錄的一些事情

摘要：今天在官網上學習過程中看到了一個挺有趣的東西，具體效果如下圖代碼如下標簽名例如工作，學習添加標簽刪除代碼如下趙喜娜其中，官網上講到了一個按鍵修飾符在監聽鍵盤事件時，我們經常需要檢查常見的鍵值。今天在官網上學習過程中看到了一個挺有趣的東西，具體效果如下圖showImg(https://segmentfault.com/img/bVbkJ3w?w=328&h=134); html代碼如下...

flyer_dev 2019-08-23 13:55 評論0 收藏0
Vue官網教程學習過程中值得記錄的一些事情

摘要：今天在官網上學習過程中看到了一個挺有趣的東西，具體效果如下圖代碼如下標簽名例如工作，學習添加標簽刪除代碼如下趙喜娜其中，官網上講到了一個按鍵修飾符在監聽鍵盤事件時，我們經常需要檢查常見的鍵值。今天在官網上學習過程中看到了一個挺有趣的東西，具體效果如下圖showImg(https://segmentfault.com/img/bVbkJ3w?w=328&h=134); html代碼如下...

luxixing 2019-08-29 17:30 評論0 收藏0
B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何？——講一個B站Up主自學前端85天的故

摘要：前言自從上次在掘金發布年山地人的前端完整自學計劃講一個站主山地人的天前端自學故事以來，一眨眼山地人老哥在站做主已經有天了。所以這個體系里的一些框架包括也是山地人年自學計劃的一部分。月底，山地人老哥開啟了的兩個專題。前言自從上次在掘金發布【2019年山地人的前端完整自學計劃——講一個B站UP主山地人的40天前端自學故事】以來，一眨眼山地人老哥在B站做Up主已經有85天了。時隔一個...

cocopeak 2019-08-23 15:36 評論0 收藏0