v-for 循環element-ui菜單

vue 使用了element-ui的菜單組件,

這個組件的el-menu-item項上,有一個屬性index,值是字符串類型,

在使用v-for的index時,它是一個數值型,所以如果直接寫index,運行后,會在瀏覽器的控制台中報錯誤,雖然不影響運行,

修改成如下就不報錯了

 

<!-- :index 要是字符串類型,而for中的index是數值,如果直接寫會報錯,但不影響運行.所以加個空轉為字符串型就不錯了 -->

<el-menu-item :index="(index+'')" v-for="(item,index) in this.menus" :key="index">

<span @click="toPath(item.url)">{{item.title}}</span>

</el-menu-item>