資訊專(zhuān)欄INFORMATION COLUMN
摘要：今天在官網(wǎng)上學(xué)習(xí)過(guò)程中看到了一個(gè)挺有趣的東西，具體效果如下圖代碼如下標(biāo)簽名例如工作，學(xué)習(xí)添加標(biāo)簽刪除代碼如下趙喜娜其中，官網(wǎng)上講到了一個(gè)按鍵修飾符在監(jiān)聽(tīng)鍵盤(pán)事件時(shí)，我們經(jīng)常需要檢查常見(jiàn)的鍵值。
今天在官網(wǎng)上學(xué)習(xí)過(guò)程中看到了一個(gè)挺有趣的東西，具體效果如下圖
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();
}
}
},
})
其中，官網(wǎng)上講到了一個(gè)按鍵修飾符
在監(jiān)聽(tīng)鍵盤(pán)事件時(shí)，我們經(jīng)常需要檢查常見(jiàn)的鍵值。Vue 允許為 v-on 在監(jiān)聽(tīng)鍵盤(pán)事件時(shí)添加按鍵修飾符
我在代碼里加上了@keyup.enter 然而，按回車(chē)鍵并沒(méi)有什么用，要先獲得一次焦點(diǎn)以后才能夠按鍵觸發(fā)，當(dāng)然也百度到了解決辦法，辦法就是在created里面添加一個(gè)鍵盤(pán)事件
created() {
var lett=this;
document.onkeydown=function(e){
var key=window.event.keyCode;
if(key==13){
lett.addlist();
}
}
},
就ok了
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114371.html
摘要：今天在官網(wǎng)上學(xué)習(xí)過(guò)程中看到了一個(gè)挺有趣的東西，具體效果如下圖代碼如下標(biāo)簽名例如工作，學(xué)習(xí)添加標(biāo)簽刪除代碼如下趙喜娜其中，官網(wǎng)上講到了一個(gè)按鍵修飾符在監(jiān)聽(tīng)鍵盤(pán)事件時(shí)，我們經(jīng)常需要檢查常見(jiàn)的鍵值。 今天在官網(wǎng)上學(xué)習(xí)過(guò)程中看到了一個(gè)挺有趣的東西，具體效果如下圖showImg(https://segmentfault.com/img/bVbkJ3w?w=328&h=134); html代碼如下...
摘要：今天在官網(wǎng)上學(xué)習(xí)過(guò)程中看到了一個(gè)挺有趣的東西，具體效果如下圖代碼如下標(biāo)簽名例如工作，學(xué)習(xí)添加標(biāo)簽刪除代碼如下趙喜娜其中，官網(wǎng)上講到了一個(gè)按鍵修飾符在監(jiān)聽(tīng)鍵盤(pán)事件時(shí)，我們經(jīng)常需要檢查常見(jiàn)的鍵值。 今天在官網(wǎng)上學(xué)習(xí)過(guò)程中看到了一個(gè)挺有趣的東西，具體效果如下圖showImg(https://segmentfault.com/img/bVbkJ3w?w=328&h=134); html代碼如下...
摘要：前言自從上次在掘金發(fā)布年山地人的前端完整自學(xué)計(jì)劃講一個(gè)站主山地人的天前端自學(xué)故事以來(lái)，一眨眼山地人老哥在站做主已經(jīng)有天了。所以這個(gè)體系里的一些框架包括也是山地人年自學(xué)計(jì)劃的一部分。月底，山地人老哥開(kāi)啟了的兩個(gè)專(zhuān)題。 前言 自從上次在掘金發(fā)布【2019年山地人的前端完整自學(xué)計(jì)劃——講一個(gè)B站UP主山地人的40天前端自學(xué)故事】 以來(lái)，一眨眼山地人老哥在B站做Up主已經(jīng)有85天了。 時(shí)隔一個(gè)...
閱讀 2461·2021-10-08 10:17
閱讀 1837·2021-09-06 15:02
閱讀 2552·2019-08-29 17:30
閱讀 2676·2019-08-29 13:24
閱讀 1535·2019-08-29 11:12
閱讀 3348·2019-08-28 17:52
閱讀 676·2019-08-26 11:30
閱讀 3586·2019-08-26 11:01
