第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue v-on綁定事件采用內(nèi)聯(lián)形式的問題

vue v-on綁定事件采用內(nèi)聯(lián)形式的問題

慕婉清9541561 2019-09-01 17:08:31
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>雙向數(shù)據(jù)綁定和事件綁定</title></head><body><div id="app"><p>{{msg}}</p><input v-model="msg"><button onclick="alert('msg='+vm.msg)">點我看看1</button><button v-on:click="alert('msg='+this.msg)">點我看看2</button>?<button v-on:click="handleClick">點我看看3</button></div><script src="./libs/vue.js"></script><script type="text/javascript">var vm = new Vue({el:"#app",data:{msg:'Hello,How are you?'},methods:{handleClick:function(){alert('msg='+this.msg)}}})</script></body></html>上面代碼,只有這一句<button v-on:click="alert('msg='+this.msg)">點我看看2</button> 總是報錯,不知道為什么?謝謝回答
查看完整描述

1 回答

?
橋本奈奈未

TA貢獻436條經(jīng)驗 獲得超108個贊

這個報錯是vue給你的一個提示,vue檢測到你使用的alert函數(shù)并沒有在實例中定義,你預(yù)期是希望它指向的是window.alert,但是vue并不能知道是不是因為你忘記定義了實例屬性或方法,所以它給你一個錯誤提示,因為這可能會引起問題,如果你使用的是移除了錯誤提示和警告的壓縮版的vue,比如vue.min.js,那么這段代碼就可以執(zhí)行了【前提是this.msg要改為msg,這里使用this是有問題的】,完整版的vue會做很多這樣的錯誤提示,這是在幫助開發(fā)者規(guī)避一些意外錯誤。最好不要內(nèi)聯(lián)代碼,還是定義一個方法去執(zhí)行比較好。

查看完整回答
反對 回復(fù) 2019-09-01
  • 1 回答
  • 0 關(guān)注
  • 1131 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號