使用v-for出現錯誤訊息

在組件b-nav-item裡使用v-for產生導航列表時

<b-nav-item v-for="item in navItems"> {{ item.title }} </b-nav-item>

遇到以下的錯誤訊息

(Emitted value instead of an instance of Error) <b-nav-item v-for="item in navItems">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

原因是在 Vue 2.2 版之後, 當我們在組件(component)內使用v-for產生組件列表時, 必須明指定Key值, 讓Vue 用以區分每個元素, 藉以確保能正確的更新所有元素

解決方法:  使用v-bind來指定key值

<b-nav-item v-for="item in navItems" v-bind:key="item.titil">

Ref:　https://cn.vuejs.org/v2/guide/list.html