改变vue请求过来的数据中的某一项值的方法(详解)
更新时间：2018年03月08日 09:15:08 作者：咖喱鸡块
下面小编就为大家分享一篇改变vue请求过来的数据中的某一项值的方法(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
由于 JavaScript 的限制， Vue 不能检测以下变动的数组：
当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
当你修改数组的长度时，例如：vm.items.length = newLength
在
<template>
<div>
<ul>
<li v-for = " (item,index) in list" v-text='`${item} - ${index} `'></li>
</ul>
<button @click="change3">改变数组第2个值,改成0</button>
<button @click="change4">改变数组第2个值,改成5</button>
</div>
</template>
<script>
import Vue from 'vue'
export default {
data () {
return {
list : [ 1, 2, 3, 4],
list2 : [ 7, 8, 9, 0 ]
}
},
methods : {
//通过下标来改变整个数组里的值也是行不通的
changeList () {
this.list[2] = 3
},
//通过数组长度改变改个数组里的值是行不通的
changeList2 () {
this.length = 1
},
//第一我们可以通过，vue.set实列方法来改变，但我们要在开头再引一入下vue包
// 1 第一个值代表需要改变的数组
// 2 第二个代表改变那一项
// 3 第三个代表改成什么值
//样式语法 Vue.set(example1.items, indexOfItem, newValue)
change3 () {
Vue.set(this.list,1,0)
},
//通过 Array.prototype.splice 数组原型上的方法来改变整个数组的长度或者内容
//这个方法大家肯定常用，我就不细说了
change4 () {
this.list.splice(1,1,5)
}
}
}
</script>
这里因为操作问题我就在代码中直接写了注释，更加能让大家清楚的了解，如何通过那些方法改变数组的长度，改变下标的某一个元素。
以上这篇改变vue请求过来的数据中的某一项值的方法(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了vue3 name 属性的使用技巧详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
今天小编就为大家分享一篇vue.js input框之间赋值方法具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
直接使用 Vue 构建前端单页面应用，页面源码时只有简单的几行 html，这并不利于网站的 SEO，这时候就需要服务端渲染，本篇文章主要介绍了详解Vue基于 Nuxt.js 实现服务端渲染（SSR），具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-04-04
过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。下面这篇文章主要给大家介绍了关于vue.js中过滤器使用的相关资料，需要的朋友可以参考借鉴，下面来看看详细的介绍。2017-06-06
这篇文章主要介绍了vue中iframe的使用及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
在使用 Vue 开发的这几年里，掌握一些有用的技巧，使用一些更高级的技术点，总会有用的，本文就介绍了15个Vue技巧，具有一定的参考价值，感兴趣的可以了解一下2022-02-02
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
今天小编就为大家分享一篇关于Vue唯一可以更改vuex实例中state数据状态的属性对象，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要介绍了vue使用luckyexcel实现在线表格及导出导入方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
这篇文章主要给大家介绍了关于vue的ssr服务端渲染的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
这篇文章主要介绍了vue中computed顺序、watch顺序、响应次数使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
最新评论