1. 程式人生 > >vue+vue-cli開發一些常見問題集合

vue+vue-cli開發一些常見問題集合

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)}) //列印:“傳送的內容”