1. 程式人生 > 其它 >Invalid prop: type check failed for prop “index“. Expected String with value “145“...

Invalid prop: type check failed for prop “index“. Expected String with value “145“...

技術標籤:bugjavascript

vue報錯: Invalid prop: type check failed for prop “index”. Expected String with value “145”, got Number with value 145.
中文翻譯:無效的屬性:屬性“索引”的型別檢查失敗。應為值為“145”的字串,獲取值為145的數字。
error資訊

一般是使用元件時傳參型別錯誤
例如:使用ElementUI庫的el-submenu元件index屬性需要傳String型別的值,但是id一般時Number型別的,所以報錯了
element文件
錯誤示範:

 <el-submenu
:index="item.id" v-for="item in menulist" :key="item.id">
</el-submenu>

正確示範:

<el-submenu :index="item.id+''" v-for="item in menulist" :key="item.id">
 </el-submenu>

加性操作符(+)有個規則:
如果只有一個運算元是字串,則將另一個運算元轉為字串,然後再將兩個字串拼接起來。

可以利用+將其他型別的值轉化成字串型別。