Vue用v-for循环渲染数组数据，数组数据更新时，视图没有更新

Vue用v-for循环渲染数组数据，数组数据更新时，视图没有更新，filter，和变异方法都试过了，好像都不行，看网上有说是重复实例化vue的原因，但是不太明白。
图片说明
html是这样的

要实现的是，点击触发but（）方法，然后ajax获取数据，用v-for循环渲染出来。现在的问题是，第一次拿到数据可以正常渲染，当第二次触发方法时，ajax重新获取到新数据，vue中的data也已经改变了，但是页面上没改变。没弄懂怎么回事。

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
问问那只猫 2017-09-07 05:20
关注
ajax 里面的shipClick:function(x){ ......} 试试呢，不要用e ，F12 console 也顺便贴下呢。。

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

vue中v-for循环无法显示列表数据 javascript vue.js 前端有问必答
2022-11-27 19:58

回答 4 已采纳 data中定义过contents没有？
vue使用v-for循环直接使用方法获得的数组问题 html5 vue.js
2019-11-13 10:40

回答 3 已采纳要这个样子的？ [https://codepen.io/bettermo/pen/VJdgVE](https://codepen.io/bettermo/pen/VJdgVE "https://co
Vue-Echarts V-For 循环动态生成图表的数据传递 echarts javascript vue.js
2022-01-18 22:31

回答 1 已采纳可以看下我这篇文章 Vue实现ECharts动态渲染多个图表，并可以联动_ZionHH的博客-CSDN博客 Vue实现ECharts动态渲染
v-for循环空数组异常渲染排查解决【uniapp,微信小程序,vue】
2023-12-04 14:14

Aress"的博客列表异常显示空行，但部分正常，怀疑是渲染...通过源码我们得知渲染使用了v-for，咱们分为两种情况进行排查,那就先排除一个最简单的，是否存在换行符；其次排除是否存在异常渲染的情况，如渲染了看不见，渲染了空元素。
vue 勾选v-for循环渲染的div css javascript vue.js
2021-06-04 10:24

回答 2 已采纳 <template> <a-checkbox-group @change="onChange"> <a-row>
v-for渲染组件时数据丢失 javascript vue.js 前端
2022-04-12 20:42

回答 1 已采纳子组件的bookinfo默认为空数组
Vue el-table 使用 v-for 动态展示列,table 没有显示数据 html5 node.js vue.js
2021-03-09 19:03

回答 1 已采纳把<template>标签里面的东西去掉试试。 :prop=“item" 相当于已经绑定了数组对象里面的属性。或者去掉 :prop=“item" 自定义表格内容 <tem
vue 修改v-for 循环内的item数据视图不刷新
2022-11-15 17:30

weixin_46787337的博客 1.子组件不应该修改外部数据，应该通知父组件修改数据2.在不方便通知父组件修改数据时，父组件应该传ref给子组件不然子组件修改的数据永远数复制品，没有效果。
vue指令v-for循环video标签后视频无法播放,怎么解决。 javascript vue.js 前端
2021-12-13 10:18

回答 1 已采纳 video标签加controls属性了吗
复选框使用v-for遍历,删除数组数据时checked状态没有随数据变化，但是输入框的数据刷新了 elementui javascript vue.js
2022-08-15 17:25

回答 2 已采纳使用 v-model取代checked，checked不会监听数据变化，只会第一次渲染时设置选中状态 <el-checkbox size="small" v-for="(v, i) in Get
vue 使用v-for循环输出图标 vue.js
2019-10-23 10:39

回答 1 已采纳自己先定义图标数据，再在template里面遍历它 javascript ``` data(){ return { icons:["icon-user","icon-iphone","
Vue中数组的列表渲染（v-for渲染数组，数组改变，页面不渲染问题）
2023-02-02 20:34

阿泽不会飞的博客 Vue中数组的列表渲染；基本的列表（v-for的基本使用）；key的原理；v-for渲染数组，数组改变，页面不渲染问题
vue dom有 v-for 还有 v-if 有没办法, v-if 某条件时,终止 v-for,不再循环下去了 javascript vue.js 有问必答
2022-07-09 03:24

回答 4 已采纳不推荐v-for与v-if同时使用，因为v-for的优先级较高，会先讲所有的dom渲染才会根据v-if去判断销毁，影响性能。想要达成你说所的效果，其中一个方法是可以对原始数据进行处理，将你最终需要渲染
vue2中数组变化,v-for渲染的列表不更新
2022-07-05 01:22

我有一话，当讲的博客原因 vue2中使用Object.defineProperty劫持get与set方法,劫持数组中每个元素的get方法与set方法会导致性能很差,所以直接通过下标修改数据时监听不到引用类型的变化
使用v-for双层循环数据时,第二层数组不显示数据
2022-03-14 13:11

coderdwy的博客 vue里面循环数据一般使用v-for命令，但是循环一层的时候没啥问题，数据可以正常显示出来，但是循环两层时，有时候第二层数组里面的数据不显示，然后去百度了下，发现有兄弟也碰到了这种情况，并且给出了解决的办法，...
没有解决我的问题, 去提问

悬赏问题

¥15 sqlite 附加（attach database）加密数据库时，返回26是什么原因呢？
¥88 找成都本地经验丰富懂小程序开发的技术大咖
¥15 如何处理复杂数据表格的除法运算
¥15 如何用stc8h1k08的片子做485数据透传的功能？(关键词-串口)
¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗？
¥200 uniapp长期运行卡死问题解决
¥15 latex怎么处理论文引理引用参考文献
¥15 请教：如何用postman调用本地虚拟机区块链接上的合约？
¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题：[h264 @ 000000004faf7500]no frame？
¥15 乘性高斯噪声在深度学习网络中的应用