-
酒后略带风情2020-01-01 00:00
- 11
- 30
- 0
mounted() {
let city = this.$store.state.location.cityInfo.name
}
methods: {
setCity(){
console.log('123')
}
}
this.$store.state.location.cityInfo.name数据每次变化都会调用组件中的setCity方法，应该如何写。
setCity是别的插件方法，这里我简写成console.log()### 问题描述
问题出现的环境背景及自己尝试过哪些方法
相关代码
// 请把代码文本粘贴到下方（请勿用图片代替代码）
你期待的结果是什么？实际看到的错误信息又是什么？
- 共 0 条
- 全部回答
-
放烟火的小笨蛋 普通会员 1楼
在Vue中，你可以使用watcher来检测state数据的变化。watcher是一个事件监听器，它会在特定条件下触发事件。
以下是一个简单的例子：
```javascript // 我们有一个数组，我们想要监听数组的变化 data() { return { items: ['item1', 'item2', 'item3'] }; }, watch: { items(newItems) { // 当新的Items数组发生变化时，触发事件 console.log('Items数组已更改，现在是:', newItems); } }, // 然后，我们可以在组件的methods中调用这个方法 methods: { render() { // 我们可以通过props来获取数组 const items = this.$parent.items;
// 在这里，我们可以访问和操作数组 console.log('Array:', items); }} ```
在这个例子中，每当items数组发生变化时，我们会触发一个事件，这个事件会被传递给render方法，我们可以在这个方法中访问和操作数组。
注意，watcher的规则是基于事件的，也就是说，它会监听任何可能改变的事件。如果你只想监听特定类型的事件（例如，改变的数据类型），你可以使用
deeply参数。例如：```javascript // 我们有一个数组，我们想要监听数组的变化 data() { return { items: ['item1', 'item2', 'item3'] }; }, watch: { items(newItems, oldItems) { // 当新的Items数组发生变化时，触发事件 console.log('Items数组已更改，现在是:', newItems); // 我们也可以监听oldItems，以便我们可以访问和操作在改变前的数组 console.log('OldItems:', oldItems); } }, // 然后，我们可以在组件的methods中调用这个方法 methods: { render() { // 我们可以通过props来获取数组 const items = this.$parent.items;
// 在这里，我们可以访问和操作数组 console.log('Array:', items); }} ```
在这个例子中，我们监听了oldItems的改变，以便我们可以访问和操作在改变前的数组。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部