天下无坑

天下无坑


vue已遇到的坑

<h3>import less文件末尾不能没有分号</h3> <pre><code>&lt;style lang="less"&gt; @import "~@/styles/components/gallery.less"; //不能省略分号 &lt;/style&gt;</code></pre> <h3>splice操作视图没响应</h3> <p><a href="https://www.cnblogs.com/oliverreal/p/9212545.html" title="Vue数组操作不刷新视图问题的解决">Vue数组操作不刷新视图问题的解决</a> <a href="https://blog.csdn.net/MrLsss/article/details/104176374" title="Vue_v-for指令中key值的使用">Vue_v-for指令中key值的使用</a></p> <ul> <li><strong>使用items.indexOf(item)查找索引值,但item不是items的浅复制</strong></li> <li><strong>内容输出使用了自定义指令,但自定义指令的update钩子没有定义。</strong></li> <li><strong>如果涉及增删操作,v-for要使用项对象内部的id值作为绑定key的值,而不是数组的索引值</strong></li> </ul> <pre><code>&lt;div class="item" v-for="(d,i) in [{id:1,n:'a'}{id:2,n:'b'}]" :key="d.id"&gt; {{d.n}} &lt;/div&gt;</code></pre> <h3>异步加载vuex出现延迟导致得不到数据</h3> <blockquote> <ol> <li>定义一个ready,为真再进行操作</li> <li>await</li> </ol> </blockquote> <h3>$router传递params</h3> <blockquote> <p>$router必须有name,params才能传递成功</p> </blockquote>

页面列表

ITEM_HTML