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