vue+vue-cli開發一些常見問題集合
阿新 • • 發佈:2019-02-05
1. Cannot read property 'target' of undefined
解決:給事件新增引數'$event' ,
@blur='handle($event)'
2.多頁面跳轉問題:
平常我們都習慣用vue+vueRouter開發單頁面應用,突然要做多頁面還有點不習慣。
我的建議是,不管你幾個頁面,App.vue保持相對“乾淨”,儘量不要去改,把頁面都寫到components資料夾下,我們可以把整個頁面也當做App.vue的一個元件。然後在router裡註冊路徑後,給跳轉事件新增
this.$router.push({ path: "/自定義地址" });
這個就好了,注意要在router/index.js下注冊一下path:"/自定義地址",這就是你要跳轉的頁面
3.多級路由、子路由:
{
path: "/manage",
component: Manage,
children: [{
path: '/',
component: ParameterSetting
}]
}
4.兄弟元件通訊:
建設有A,B兄弟元件,A要傳送給B,先造一臺交通工具,即建個檔案bus.js,裡面寫
import Vue from 'vue';
let bus = new Vue();
export default bus
然後在A,B元件均 寫 import Bus from 'bus.js';
A:Bus.$emit("接頭暗號","傳送的內容"); B:Bus.$on("接頭暗號",(data)=>{console.log)(data)}) //列印:“傳送的內容”