1. 程式人生 > >在使用element-ui中的多級選單中遇到的問題

在使用element-ui中的多級選單中遇到的問題

在使用element-ui中的多級選單中遇到如下問題:

在這裡插入圖片描述
專案不會報錯,只是顯示warning,大概的意思是傳遞prop的型別檢測要求是boolean型別,但是傳入的是字串型別。但是這樣子看著很彆扭,所以就開始找原因
在專案中是這樣寫的:
在這裡插入圖片描述

element-ui中的要求:
在這裡插入圖片描述
這裡看的確是寫成了boolean型別,但其實vue在解析的過程中是以字串的形式來進行解析的(之前好像有看過,也正是這樣,才突然知道解決方法)
要讓其以boolean型別顯示,需要通過v-bind動態繫結,解決方法如下:
在這裡插入圖片描述
這裡使用了v-bind的語法糖":"
這樣就解決了上面的問題


關於上面為什麼不報錯且功能能正常顯示的猜想:
由於傳入的是字串,而字串在判斷的過程中在boolean型別下為true,所以能正常顯示該有的功能