由于 JavaScript 的限制, Vue 不能檢測以下變動的數(shù)組:
10余年的玉州網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整玉州建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“玉州網(wǎng)站設(shè)計”,“玉州網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
當你利用索引直接設(shè)置一個項時,例如:vm.items[indexOfItem] = newValue
當你修改數(shù)組的長度時,例如:vm.items.length = newLength
在
<template> <div> <ul> <li v-for = " (item,index) in list" v-text='`${item} - ${index} `'></li> </ul> <button @click="change3">改變數(shù)組第2個值,改成0</button> <button @click="change4">改變數(shù)組第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 : { //通過下標來改變整個數(shù)組里的值也是行不通的 changeList () { this.list[2] = 3 }, //通過數(shù)組長度改變改個數(shù)組里的值是行不通的 changeList2 () { this.length = 1 }, //第一我們可以通過,vue.set實列方法來改變,但我們要在開頭再引一入下vue包 // 1 第一個值代表需要改變的數(shù)組 // 2 第二個代表改變那一項 // 3 第三個代表改成什么值 //樣式語法 Vue.set(example1.items, indexOfItem, newValue) change3 () { Vue.set(this.list,1,0) }, //通過 Array.prototype.splice 數(shù)組原型上的方法來改變整個數(shù)組的長度或者內(nèi)容 //這個方法大家肯定常用,我就不細說了 change4 () { this.list.splice(1,1,5) } } } </script>
這里因為操作問題我就在代碼中直接寫了注釋,更加能讓大家清楚的了解,如何通過那些方法改變數(shù)組的長度,改變下標的某一個元素。
以上這篇改變vue請求過來的數(shù)據(jù)中的某一項值的方法(詳解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
分享標題:改變vue請求過來的數(shù)據(jù)中的某一項值的方法(詳解)
鏈接URL:http://chinadenli.net/article26/giigcg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)站策劃、Google、網(wǎng)站收錄、網(wǎng)站建設(shè)、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)