vue 用setInterval每隔一段时间更新v-for中的item的属性值

结果是不用setInterval的情况下,可以更新成功。
在setInterval里写方法,数据更新了,但页面样式没有更新。
代码和结果图如下:

html
图片说明

js
图片说明

结果图
图片说明

如结果图,页面显示的逗号右边的数字是属性status的初始值,从控制台中看到,status已经成功更新了,但是页面上的值并没有变化,求解。

1个回答

。。。。setinterval里面怎么是function,用箭头函数啊

sinat_35823806
gyx更优秀 修改之后已解决,3Q
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js 每隔一段时间,就执行一次---setInterval
我用在了牛腩新闻的出错页面,出错后5秒转到主页 [code="js"] var i = 5; var m; m = setInterval("fun()",1000); function fun() { if(i==0) { window.location.href = "Default.aspx"; ...
Vue用v-for给循环标签自身属性添加属性值
<RadioGroup v-model="animal"> <Radio v-for='a in radio_arr' :label='a'></Radio> </RadioGroup> export default { data(){ return{ radio_arr:['循环1','循...
vue中v-for的用法
当需要将一个数组遍历或枚举一个对象循环显示时候,我常用的就是列表渲染指令v-for. 它需要结合着in 或者of来使用,如下 <div id="app"> <ul> <li v-for="(person, index) in persons"> {{ person.name }} </li> </ul> </
vue中删除v-for
二话不说直接上代码: <div> <el-card class="box-card" shadow='nevner'> <div slot="header" class="clearfix"> <div class="card-right-wrap&q
vue中的v-for循环遍历
本篇博客主要介绍如何用vue遍历js文件中的数组和对象 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> <link rel="stylesheet" href="style.cs...
vue中v-for嵌套循环
vue中对于层级比较多的数据结构可能会使用到v-for的嵌套循环,话不多说,上代码.
Vue v-for
rn rn Userrn rn rn user.namern rn rn rnrnrn rnrn rnrnrnrn---------------------------------------------------------------------------------------------------------rn [Vue warn]: Property or method "test" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.rnrnfound inrnrn---> at src\components\test.vuern at src\App.vuern
Vue用v-for重渲染
当v-for循环的数据被修改时,我发现没有重新渲染,我的代码如下:<div id="app"> <ul class="list-group"> <li v-for="(list, index) in lists" class="list"> {{list.title}} </li> </ul> </div>var app = n
VUE(v-for 数组、对象更新检测)
v-for 数组、对象的更新检测
jq 属性选择器动态属性值 和v-for 中嵌套v-for
动态属性值: $("dd [type='checkbox']").change(function () { var cname = $(this).prop("name"); $("[name="+cname+"]").prop("checked",$(this).prop("checked")); }); $(".auth_rul
vue中v-for指令实例
功能: 展示数组元素及其索引 实现: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;v-show&lt;/title&gt; &lt;!--引入vue--&gt; &lt;script src="https://c...
Vue中v-for的数据分组
使用Vue.js可以很方便的实现数据的绑定和更新,有时需要对一个一维数组进行分组以方便显示,循环可以直接使用v-for,那分组呢?这里需要用到vue的computed特性,将数据动态计算分组。代码如下
每隔一段时间提醒
ubuntu下,需要每隔一段时间提醒我做一件事,但用sh脚本感觉比较麻烦。现在用python写了一个。方便有相似需要的人。
vue中v-if与v-for的区别
v-if与v-for
每隔一段时间生成随机数
import java.util.Random; import java.util.Timer; import java.util.TimerTask; /** * Java如何每5秒生成一个随机数 * * @author Java人(java2000.net) */ public class Test { public ...
每隔一段时间统计一次
一张电话报表(id,time,telephone) time:表示顾客打入时记录的时间rnrn实例如下:rn1 2006-06-11 05:52:12 1360065460758rn2 2006-06-11 06:09:05 1380138017292rn3 2006-06-11 06:25:13 97363849310rn4 2006-06-11 06:26:08 61763849310rn5 2006-06-11 06:34:59 60054190811rn6 2006-06-11 06:44:04 1397305138553rn7 2006-06-11 06:51:30 60063849310 rn8 2006-06-11 06:53:14 92713061620671rn9 2006-06-11 06:53:22 11713061620671rn10 2006-06-11 06:58:34 32054196057rn11 2006-06-11 07:04:42 92752581156rn这张表有几万条数据行rn统计一下每隔5分钟打进电话多少个?rn怎么写SQL语句啊rnrn很明显,比如像鱼是按5分钟为步长生成了时间段,然后按时间段连接.保证了每个5分钟都被统计.rnrn输出格式能不能为:rnrn5分钟续列 记录数rn第1个 1rn第2个 1rn第3个 2rn第5个 1rn........ 注意: 这里可能 在第某个5分钟内 根本就没有记录数rn谢谢大家了
每隔一段时间向数据库中更新一个时间字段
需求是这样的:用户浏览网页时须要没隔一段时间向数据库中的一个字段查入一条数据,把用户浏览网页用了多长时间记录下来,用户下次登录时须要。rn用JS应该怎么做,ajax也行,要无刷新的,谁能给个代码,万分感谢
在vue中,使用setInterval()方法
mounted() {             this.getElevatorList();             setInterval(this.getElevatorList, 15000);         } 在mounted()函数里边使用setInterval(),       getElevatorList()这个方法在methods里边写,在mounted钩子函数里边
用定时器每隔一段时间运行程序
我把程序写在Private Sub Command1_Click()下面 我想每小时13分、23分、33分、43分、53分每隔10分钟运行一次。
Vue v-for嵌套循环
&amp;lt;div v-for=&quot;data in list&quot;&amp;gt; &amp;lt;div v-for=&quot;detail in data.details&quot;&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; 可以使用嵌套,但是有一个条件,details 必须要是list子项里面的一个属性。...
vue之v-for的使用
vue之v-for的使用 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Vue demo&amp;lt;/title&amp;gt; &amp;lt;!--引入vue 依赖项--&amp;gt; &amp;
Vue循环指令v-for
基本用法 当需要将一个数组遍历,或者将对象循环显示时,就会用到列表渲染指令v-for。它的表达式需结合in来使用,类似item in items的形式,看下面的示例: &amp;amp;lt;div&amp;amp;gt; &amp;amp;lt;ul&amp;amp;gt; &amp;amp;lt;li v-for=&amp;quot;book in books&amp;quot;&amp;amp;gt;{{book.name}}&amp;amp;lt;/li&amp;amp;
Vue实践--V-for指令
当需要将一个数组或者对象循环遍历显示的时候可以使用v-for指令,其值类似于item in items;其中items是数组或者对象,item自然就是其中的一项,in 也可使用 of。 当遍历数组的时候有一个可选项index,是当前项的索引 类似与 v-for = (item,[index]) in items; {{index}}.{{book.bookName}}
vue的v-for使用
在vue中 v-for="todo in todos" 的意思为一个参数作为值 <div v-for="value in object"> {{value}} </div> 第二个参数作为键名 <div v-for="(value,key) in object"> {{key}} - {{value}} </div> 第三个参数作为当前项的索引 <div v-for="(value,ke
Vue常用指令v-for
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio
vue v-for数组倒序
Index is {{$index}} Content is {{i}} var vm = new Vue({ el: '#app', data: { items: { a: "1",
vue v-for 数据处理
v-for的使用的方法,和注意事项。v-for 给了两个参数 key 和 index 这里需要对遍历的数据 分为 数组 和 对象分别对待 数组下是没有 key值的 而对象下可以得到参数key值 实际显示效果如下:
Vue v-for 的反面教材。
is = "todo-item" v-for="(todo,index)in todos" v-bind:key ="todo.id" v-bind:title ="todo.title" v-on:remove ="todos.splice(index,1)"> Vue.js 中v-for的用法,注意 in 的左右必须有空格,不然会报错!
vue v-for遇到的坑
1、通过下标来修改数组对应的元素时,dom不会刷新 错误的方式:vm.items[index] = newvalue, 正确的方式:Vue.set(vm.items,index,newvalue),请确保有引入vue(import Vue from 'vue'),否则报Vue→undefined
Vue v-for循环节点
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;div id=&
Vue指令之 v-for的使用
1.迭代普通数组 在data中定义普通数组 data:{ list:[1,2,3,4,5,6] } 在html中使用 v-for 指令渲染 &amp;lt;p v-for=&quot;(item,i) in list&quot;&amp;gt;--索引值--{{i}} --每一项--{{item}}&amp;lt;/p&amp;gt; 2.迭代对象数组 在data中定义对象数组 data:{ list:[1...
vue学习——v-for语句
&amp;#13; Vue v-for语句 在学习v-for语句之前,先了解一下vue是怎么数据绑定的 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值: &amp;lt;span&amp;gt;Message: {{ msg }}&amp;lt;/span&amp;gt; Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时,绑定的数据对象上 msg 属性发...
vue的v-for指令的使用
后台返回的产品类型的数据是这样的,但我要将其处理成这样的 这时我们可以使用v-for循环里面的数据,代码如下 &lt;el-table-column label="产品类型" min-width="60"&gt; &lt;template slot-scope="scope"&gt; ...
vue指令之v-for
main.js:var app = new Vue({ el: &quot;#app&quot;, data: { foodList: [{ name: &quot;葱&quot;, price: 10, discount: .5 },{ name: &quot;姜&quot;, price...
vue v-for 循环对象
vue也是可以循环对象的。例子如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <p v-for="(val, key, index) in list">{{key}}--{
vue基础学习之v-for
&amp;lt;style&amp;gt; .completed{ text-decoration: line-through; } &amp;lt;/style&amp;gt; &amp;lt;body&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/vue.js&quot; &amp;gt;&amp;lt;/script&amp;gt; &amp;lt;div id=&quot;app&q
vue改变对象的属性值,视图未更新
我建立了一个对象,视图中遍历这个对象,并显示这个值,然后有个按钮,可以改变obj对象的值 &lt;li v-for="(items,index) in obj" :key="index" &gt;{{items}}&lt;/li&gt; &lt;button @click="btn"&gt;添加obj.b&lt;/button&gt; &lt;script&gt; export default...
vue学习之v-for和v-on
v-for 指令可以绑定数组的数据来渲染一个项目列表。 v-on 指令添加一个事件监听器,通过它调用在 Vue 实例中定义的方法。 &amp;amp;nbsp; 使用二者写了一个简单的例子 代码如下: &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;q
Vue学习——v-for
数组迭代 对象迭代 整数迭代 用于组件 key 数据更新检测 过滤和排序
vue的v-for循环指令
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head lang=&quot;en&quot;&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;script src=&quot;js/vue.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&a
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数