Vue專案踩過的坑

2021-10-18 10:34:55 字數 545 閱讀 3254

vue-cli(vue腳手架)的好處就在於使用

vue ui
在vue的ui上直接配置依賴、安裝外掛程式、啟動服務。很舒適。

如果你發現安裝總失敗:大概率vue.js或者node.js版本不行。

echarts官網直接搞個example下來放在mounted()鉤子函式中用是沒問題的。但是你會發現在element ui等元件裡面(比如彈窗)使用echarts因為懶載入等問題,就是出不來圖。

解決方法:最好用的就是ref,直接上**

-dialog title="圖譜" :visible.sync="graphvisible" @opened="opengraph()">

"main" ref="graph" style="width: 600px;height:400px;">

var mychart = echarts.init(this.

$refs

.graph)

;

解決一切矯情。

Vue踩過的坑

vue檔案縮排問題,嚴格縮排,如果需要四個字元的縮排請修改為,當然造成這個的結果是,建立檔案的時候 use eslint to lint your code?這句話就是告訴你是不是要給你管理 縮排,選擇no就完事了,啥事沒有 下面是.eslintrc.js的 如果你選擇了yes的話就修改下面這段 吧...

vue專案開發中踩過的坑

一 路由 這兩天移動端的同事在研究vue,跟我說看著我的專案做的,子路由訪問的時候是空白的,我第一反應是,不會模組沒載入進來吧,還是。此處省略一千字。廢話不多說上 路由 redirect ordermanger children element的選單元件 問題描述 1 根據以上 訪問list路由時訪...

Vue使用ESLint踩過的坑

1 missing space before value for key methods methods的值之前要有空格2 missing space before opening brace 開始的 大括號之前缺少空格3 missing space before function parenthe...