資訊專欄INFORMATION COLUMN
摘要：今天在官網(wǎng)上學(xué)習(xí)過程中看到了一個(gè)挺有趣的東西，具體效果如下圖代碼如下標(biāo)簽名例如工作，學(xué)習(xí)添加標(biāo)簽刪除代碼如下趙喜娜其中，官網(wǎng)上講到了一個(gè)按鍵修飾符在監(jiān)聽鍵盤事件時(shí)，我們經(jīng)常需要檢查常見的鍵值。
今天在官網(wǎng)上學(xué)習(xí)過程中看到了一個(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)聽鍵盤事件時(shí)，我們經(jīng)常需要檢查常見的鍵值。Vue 允許為 v-on 在監(jiān)聽鍵盤事件時(shí)添加按鍵修飾符
我在代碼里加上了@keyup.enter 然而，按回車鍵并沒有什么用，要先獲得一次焦點(diǎn)以后才能夠按鍵觸發(fā)，當(dāng)然也百度到了解決辦法，辦法就是在created里面添加一個(gè)鍵盤事件
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://specialneedsforspecialkids.com/yun/99793.html
摘要：今天在官網(wǎng)上學(xué)習(xí)過程中看到了一個(gè)挺有趣的東西，具體效果如下圖代碼如下標(biāo)簽名例如工作，學(xué)習(xí)添加標(biāo)簽刪除代碼如下趙喜娜其中，官網(wǎng)上講到了一個(gè)按鍵修飾符在監(jiān)聽鍵盤事件時(shí)，我們經(jīng)常需要檢查常見的鍵值。 今天在官網(wǎng)上學(xué)習(xí)過程中看到了一個(gè)挺有趣的東西，具體效果如下圖showImg(https://segmentfault.com/img/bVbkJ3w?w=328&h=134); html代碼如下...
摘要：今天在官網(wǎng)上學(xué)習(xí)過程中看到了一個(gè)挺有趣的東西，具體效果如下圖代碼如下標(biāo)簽名例如工作，學(xué)習(xí)添加標(biāo)簽刪除代碼如下趙喜娜其中，官網(wǎng)上講到了一個(gè)按鍵修飾符在監(jiān)聽鍵盤事件時(shí)，我們經(jīng)常需要檢查常見的鍵值。 今天在官網(wǎng)上學(xué)習(xí)過程中看到了一個(gè)挺有趣的東西，具體效果如下圖showImg(https://segmentfault.com/img/bVbkJ3w?w=328&h=134); html代碼如下...
摘要：前言自從上次在掘金發(fā)布年山地人的前端完整自學(xué)計(jì)劃講一個(gè)站主山地人的天前端自學(xué)故事以來，一眨眼山地人老哥在站做主已經(jīng)有天了。所以這個(gè)體系里的一些框架包括也是山地人年自學(xué)計(jì)劃的一部分。月底，山地人老哥開啟了的兩個(gè)專題。 前言 自從上次在掘金發(fā)布【2019年山地人的前端完整自學(xué)計(jì)劃——講一個(gè)B站UP主山地人的40天前端自學(xué)故事】 以來，一眨眼山地人老哥在B站做Up主已經(jīng)有85天了。 時(shí)隔一個(gè)...
閱讀 1411·2021-10-08 10:04
閱讀 733·2021-09-07 09:58
閱讀 2912·2019-08-30 15:55
閱讀 2424·2019-08-29 17:21
閱讀 2126·2019-08-28 18:04
閱讀 3075·2019-08-28 17:57
閱讀 715·2019-08-26 11:46
閱讀 2228·2019-08-23 17:20
