- 22
- 0
<template>
<div>
<p>{{msg}}</p>
<div v-for="(item, index) in list">
<p>{{item.name}} - {{item.age}}</p>
</div>
</div>
</template>
<script>
export default {
props: ["[list"],
data() {
return {
msg: ""
};
},
methods: {},
watch: {
// 这里需要怎么写 比较好
// ....
}
};
</script>
list 是外面传进来,每隔5秒, list会发生变化(传进来的list 会隔5秒发生变化),
第一次传进来的list: [{name: "小明", age: 15, status: 2}, {name: "小红", age: 14, status: 1},{name: "小花", age: 13, status: 1},]
隔了几秒后,第二次传进来的list: [{name: "小明", age: 15, status: 2}, {name: "小红", age: 14, status: 2},{name: "小花", age: 13, status: 1},]
再隔了几秒后,第三次传进来的list: [{name: "小明", age: 15, status: 2}, {name: "小红", age: 14, status: 2},{name: "小花", age: 13, status: 2},]
如何比较好写法 去监听list的变化, 当数组中每个数据的status都为 2 的时候, 将 msg 赋值为 “数据更新完成”, 反之,list中的有任意一条数据的status 不等于2 时, 就让 msg 赋值为 “数据正在更新” 呢。。。
求解惑....
- 共 0 条
- 全部回答
-
{鸢゜} 普通会员 1楼
Vue 中的数据监听问题通常包括:
- 数据绑定问题:当你在 Vue 组件中使用
v-on注解绑定事件时,需要确保事件类型与组件实例的属性类型匹配。如果属性类型不匹配,Vue 会抛出一个错误。
```html
```
- 生命周期方法中的事件监听:在 Vue 组件的生命周期方法中,可以通过
this.$emit触发事件并接收数据。
```html
```
-
使用了多个监听器时的问题:如果在 Vue 组件中使用了多个监听器,确保它们的优先级正确。Vue 会优先处理注册在
$beforeCreate、$beforeMount、$beforeUpdate和$beforeDestroy中的监听器。 -
通过
$emit触发事件:在 Vue 组件的生命周期方法中,可以使用$emit触发事件并接收数据。确保在handleClick方法中正确接收和处理事件数据。
```html
```
总之,当处理 Vue 组件的数据监听时,需要确保事件类型匹配、正确触发事件、正确接收和处理数据。
- 数据绑定问题:当你在 Vue 组件中使用
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
