vue自定義組件@click點(diǎn)擊失效問題及解決
自定義組件@click點(diǎn)擊失效
問題描述
自定義組件在使無法，無法綁定原vue文件內(nèi)的原生click事件
原因分析
根據(jù)查詢vue官方文檔，得知click事件作用于組件內(nèi)部，如果組件內(nèi)沒有寫click事件，便會(huì)無響應(yīng)。
問題解決
1.參照官方文檔，可以用@click.native=“click”解決
2.可以用：將事件傳遞至組件內(nèi)，也符合組件間的單向數(shù)據(jù)流，我就是這樣解決的
主組件寫法：
被調(diào)用組件寫法：將click綁定在自定義組件內(nèi)部想要click的地方
3.使用$emit來實(shí)現(xiàn)事件傳遞
父組件寫法不受影響，可以直接按照原來的寫法，適合強(qiáng)迫癥、處女座用戶
@click不起作用,同時(shí)報(bào)錯(cuò)
點(diǎn)擊報(bào)錯(cuò)：
_vm.gotoExpense is not a function
Error: _vm.gotoExpense is not a function
at http://127.0.0.1:24333/appservice/common/vendor.js:1186:23
at Array.forEach ()
at http://127.0.0.1:24333/appservice/common/vendor.js:1171:23
at Array.forEach ()
at Je.handleEvent [as __e] (http://127.0.0.1:24333/appservice/common/vendor.js:1161:17)
at Object.r.safeCallback (http://127.0.0.1:24333/appservice/dev/WAService.js:2:1827260)
at http://127.0.0.1:24333/appservice/dev/WAService.js:2:1966938
at s (http://127.0.0.1:24333/appservice/dev/WAService.js:2:1980424)
at http://127.0.0.1:24333/appservice/dev/WAService.js:2:1966863
at r (http://127.0.0.1:24333/appservice/dev/WAService.js:2:1904675)
檢查自己**methods:{}**是不是寫了兩個(gè)!!!
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue-element-admin 菜單標(biāo)簽失效的解決方式
今天小編就為大家分享一篇vue-element-admin 菜單標(biāo)簽失效的解決方式，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue 插值 v-once,v-text, v-html詳解
這篇文章主要介紹了vue 插值 v-once,v-text, v-html詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
解決Vue.js應(yīng)用回退或刷新界面時(shí)提示用戶保存修改問題
這篇文章主要介紹了Vue.js應(yīng)用回退或刷新界面時(shí)提示用戶保存修改問題，本文通過兩種手段防止運(yùn)營編輯時(shí)丟失數(shù)據(jù)，具體內(nèi)容詳情，感興趣的朋友跟隨小編一起看看吧2019-11-11
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)多級菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
vue監(jiān)聽頁面滾動(dòng)到某個(gè)高度觸發(fā)事件流程
這篇文章主要介紹了vue監(jiān)聽頁面滾動(dòng)到某個(gè)高度觸發(fā)事件流程，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)列表固定列滾動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Vue設(shè)置長時(shí)間未操作登錄自動(dòng)到期返回登錄頁
這篇文章主要介紹了Vue設(shè)置長時(shí)間未操作登錄以后自動(dòng)到期返回登錄頁,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2020-01-01
這篇文章主要介紹了Vue 根據(jù)條件判斷van-tab的顯示方式，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
Vue ECharts直角坐標(biāo)系配置詳細(xì)講解
數(shù)據(jù)的重要性我們大家都知道，就算再小的項(xiàng)目中都可能使用幾個(gè)圖表展示，我最近在做項(xiàng)目的過程中也是需要用到圖表，最后選擇了echarts圖表庫2022-12-12
這篇文章主要介紹了vue傳值方式的十二種方法總結(jié),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04