场景
. 使用v-for的时候,使用orderBy进行排序, v2.5.6控制台给出提示
invalid expression: Unexpected string in task_lists | orderBy ‘id’
分析
. 翻看官方文档,提示在v-for时弃用过滤器orderBy,使用computed排好序之后 替换展示
. 官方文档的连接 ` https://cn.vuejs.org/v2/guide/migration.html#%E6%9B%BF%E6%8D%A2-orderBy-%E8%BF%87%E6%BB%A4%E5%99%A8`
解决
<li class="list-group-item" v-for="task in orderTasks"> @{{ task.id }} @{{ task.name }}
computed :{
orderTasks: function () {
return _.orderBy(this.task_lists, 'id', 'desc');
}
},