-
Notifications
You must be signed in to change notification settings - Fork 4.9k
vue3版本使用vuex,store.state 值在视图上不更新 #18101
Copy link
Copy link
Open
Labels
F-vue3Framework - Vue 3Framework - Vue 3T-alipayTarget - 编译到支付宝小程序Target - 编译到支付宝小程序T-ddT-feishuT-jdTarget - 编译到京东小程序Target - 编译到京东小程序T-kwaiT-qqTarget - 编译到 QQ 小程序Target - 编译到 QQ 小程序T-qyT-swanTarget - 编译到百度小程序Target - 编译到百度小程序T-ttTarget - 编译到字节跳动小程序Target - 编译到字节跳动小程序T-weappTarget - 编译到微信小程序Target - 编译到微信小程序V-4Version - 4.xVersion - 4.xbugSomething isn't workingSomething isn't working
Metadata
Metadata
Assignees
Labels
F-vue3Framework - Vue 3Framework - Vue 3T-alipayTarget - 编译到支付宝小程序Target - 编译到支付宝小程序T-ddT-feishuT-jdTarget - 编译到京东小程序Target - 编译到京东小程序T-kwaiT-qqTarget - 编译到 QQ 小程序Target - 编译到 QQ 小程序T-qyT-swanTarget - 编译到百度小程序Target - 编译到百度小程序T-ttTarget - 编译到字节跳动小程序Target - 编译到字节跳动小程序T-weappTarget - 编译到微信小程序Target - 编译到微信小程序V-4Version - 4.xVersion - 4.xbugSomething isn't workingSomething isn't working
Type
Projects
Status
Todo
请先确认
Taro 版本
v4
相关平台
小程序基础库版本
No response
使用框架
Vue3
问题描述
`
<script> import { computed, nextTick, ref, watchEffect, watch } from 'vue' import { useStore, } from 'vuex' export default { setup() { const store = useStore() const count = computed(() => store.state.count) const visible = ref(true) watch(count, (newVal, oldVal) => { // 可以获取新旧值 console.log(`Count changed from ${oldVal} to ${newVal}`) }) const onAdd = async () => { store.commit('increment') visible.value = false await nextTick() visible.value = true } return { count, onAdd, visible, } } } </script> <style> .title { font-size: 32px; } .button { border: 1px solid lightgray; padding: 5px 10px; } </style>count: {{ count }}
<view class="button" @tap="onAdd">ADD
`
count 值在小程序上监听不到更新,视图也不更新
在H5上表现正常
期望:小程序与H5表现一致
taro-vue3.zip
复现链接
https://github.com/NervJS/taro/issues
复现步骤
下载附件代码
环境信息
贡献代码