Vue使用中遇到問題彙總（二）

1、vue cli使用npm run dev報錯cannot get /

config/index.js裡有兩個環境：乙個是build，乙個dev。

在config/index.js裡面修改，build:；dev裡面不需要修改，dev:。我本來在window上面開發的，後面移到linux上面，剛開始報錯，我就把dev裡面的路徑改了，不報錯，但是瀏覽器提示cannot get /，怎麼都找不到原因，就把dev路徑改回去了，重新再npm run dev一次，就成功了。

2、stylus的&使用的問題，其實是熟悉css寫法的問題，跟css寫法大同小異的

這兩種不同class就是寫的時候有無空格的問題，當第二種你採用有空格的寫法的話，是不生效的，因為預設是去子集找那個class=is-active的元素了

第一種需要空格

.el-menu-toggle}//

第二種不能加空格

.el-menu-item

&.is-active

}

3、使用vue-cli+webpack建立的專案，修改檔名稱或者更改檔案的位置，運營時會報錯，是因為npm專案，在安裝依賴（node_nodules）時，會記錄當前的檔案路徑，當修改之後就無法正常啟動。

解決辦法：

（1）刪除 node_modules 資料夾（如果修改專案名稱，需要在package.json中修改對應的name）

（2）重新安裝依賴 cnpm install

（3）啟動專案 cnpm run dev

4、axios提交表單資料到後台，採用post方式

let config =
}axios.post(config.url, json.stringify(
this.aqform), })
.then((response)=>)

採用config形式

submitform()
}axios(config).then((response) =>
else
}).catch((e)=>)
}

主要就是data引數、和header頭資訊要設定，這種傳遞格式就是payload格式

5、vue獲取當前事件的dom元素： var thisdom = e.currenttarget;

在vue裡面，經常用到click，如何獲取執行click事件的當前dom物件呢？

"
refresh($event,item.imgurl)
">事件
refresh:function(e,src)

6、驗證碼重新整理

if="
errorcount >= 1 
" prop="
captchacode
" :rules="
rules.required
">
"login_pwd.captchacode
"class="
code-input
" placeholder="
請輸入圖形驗證碼
">
img_valid
" @click="
rnd = math.random()
" :src="
'/api/code/getcaptchaimage?rnd=' + rnd
">

原理：當乙個

的src改變時，頁面會自動重新整理這個

code/getcaptchaimage，即是後台介面位址

7、方法傳值：我們在input中的方法希望獲取input的value，怎麼獲取呢？

可以通過$event這個物件，通過將$event傳入方法

"
text
" value="
value
" @input="
change($event)
"/>
//我們可以成功的拿到我們希望的值
change (e)

8、v-cloak

如果出現}的短暫出現的情況，可以通過新增v-cloak來處理。

這個指令保持在元素上直到關聯例項結束編譯。和 css 規則如 [v-cloak] 一起用時，這個指令可以隱藏未編譯的 mustache 標籤直到例項準備完畢。

9、通過路由元資訊meta實現不同路由展現不同頁面

class="
">
if="
$route.meta.fullscreen
">
else-if="
$route.meta.homepages
">
else>

//
系統模組
export default
[ 
},},
export 
default
[ }]

然後我們再看下路由導航守衛，加上homepages：如果路由元資訊裡面requireauth為true，或者homepages為true，都不攔截

router.beforeeach((to, from ,next) =>
else
else
else
) }}}
return
})

10、elementui的預設提示框樣式修改

今天用element ui ，做了個訊息提示，發現提示的位置總是在上面

可是我想讓提示的位置到下面來，該怎麼辦？

最後還是看了官方的api

原來有個自定義樣式屬性customclass設定下就好了

Vue使用中遇到問題彙總（二）

vs遇到問題彙總

webpack遇到問題彙總

to number 使用中遇到問題

Vue使用中遇到問題彙總（二）

vs遇到問題彙總

webpack遇到問題彙總

to number 使用中遇到問題

相關推薦