vue.js移动数组位置,同时更新视图的方法
栏目: 编程语言 · JavaScript · 前端 · 发布时间: 7年前
内容简介:下面小编就为大家分享一篇vue.js移动数组位置,同时更新视图的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
使用vue.js v-for绑定若干个选项,需要对选项进行 排序 上下移动操作。

需要对options里面数组的位置进行交换,通常是这样来写:
假设向前移动一个:
var index = this.options.indexOf(option); //获取当前选项对象在数组里面的索引。 var tempOption = this.options[index-1]; //存储前一个 this.options[index-1] = option;(this.options[index]) this.options[index] = tempOption;
这样的确改变了数组的顺序,但是视图却没有更新移动。详见vue官网数组的描述.
解决办法之一是改变他的对象,使用vue的set方法:
var index = options.indexOf(option); var tempOption = options[index - 1]; Vue.set(options, index - 1, options[index]); Vue.set(options, index, tempOption);
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- vue笔记-vue项目中对象数组数据变化,但视图未更新的解决方案(待项目细节描述)?
- iOS小技巧·把子视图控制器的视图添加到父视图控制器
- CouchDB 视图简介及增量更新视图的方法
- c# – 将数据从部分视图传递到其父视图
- Django 基于函数的视图与基于类的视图
- 类视图
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
The Four
Scott Galloway / Portfolio / 2017-10-3 / USD 28.00
NEW YORK TIMES BESTSELLER USA TODAY BESTSELLER Amazon, Apple, Facebook, and Google are the four most influential companies on the planet. Just about everyone thinks they know how they got there.......一起来看看 《The Four》 这本书的介绍吧!