国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

luxixing / 2538人閱讀

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

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

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了

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

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

相關文章

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

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

    flyer_dev 評論0 收藏0
  • Vue官網教程學習過程中值記錄一些事情

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

    lowett 評論0 收藏0
  • B站Up主-山地人-這位老哥2019年前端自學計劃進展如何?——講一個B站Up主自學前端85天

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

    cocopeak 評論0 收藏0

發表評論

0條評論

luxixing

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<