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

2021-09-03 01:59:12 字數 742 閱讀 9496

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

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

在專案中是這樣寫的:

element-ui中的要求:

這裡看的確是寫成了boolean型別,但其實vue在解析的過程中是以字串的形式來進行解析的(之前好像有看過,也正是這樣,才突然知道解決方法)

要讓其以boolean型別顯示,需要通過v-bind動態繫結,解決方法如下:

這裡使用了v-bind的語法糖":"

這樣就解決了上面的問題

關於上面為什麼不報錯且功能能正常顯示的猜想:

由於傳入的是字串,而字串在判斷的過程中在boolean型別下為true,所以能正常顯示該有的功能

在vue中使用element ui

目錄 封裝element ui 1.完整引入element ui外掛程式 2.按需引入 03 需要在main.js中匯入一下 04 在頁面中使用 封裝的下拉多選元件 安裝element ui npm install element ui import elementui from element u...

Element UI 中 loading 的使用

一 一般element ui都是給 加loading效果,也可以給整個頁面 body 加loading效果。當然也可以頁面上的任何dom加loading效果。在查詢button的標籤上新增onsearch方法。查詢1 onsearch settimeout 2000 也有取消loading效果的方法...

Vue中elementUI的使用

官方文件 npm安裝 npm i element ui s在vue中進行引入 在main.js中 import vue from vue import router from router import elementui from element ui import element ui lib ...