首页 > 其他分享 >vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?

vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?

时间:2023-03-28 12:55:22浏览次数:35  
标签:useLayerStore computed layerList layer state pinia vue3

解决方案:

给 state 增加 computed

import { useLayerStore } from "@/stores/";

const layer = useLayerStore();
const layerList = computed(() => layer.layerList);
<div v-for="(layer, index) in layerList" :key="layer.id" class="layer-item">
    <div>{{ layer.name }}</div>
</div>

 

标签:useLayerStore,computed,layerList,layer,state,pinia,vue3
From: https://www.cnblogs.com/beileixinqing/p/17264755.html

相关文章

  • vue3
    Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:OnePiece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://gi......
  • React Hook 中 useState 异步回调获取不到最新值及解决方案
    预先了解setState的两种传参方式1、直接传入新值setState(options);列如:const[state,setState]=useState(0);setState(state+1);2、传入回调函数setState......
  • ERROR 1820 (HY000): You must reset your password using ALTER USER statement befo
    安装mysql8后,本地登录成功,选择数据库报错ERROR1820(HY000):YoumustresetyourpasswordusingALTERUSERstatementbeforeexecutingthisstatement. 解决办......
  • vue3中在setup方法中使用 provide,inject,组件上下层,直接传值和方法
    一个简简单单的案例app.vue<template><div>app<Second/></div></template><script>import{provide}from'vue';importSecondfrom'./compon......
  • vue3获取url参数的值
    <scriptsetupname="Welcome">import{onMounted}from'vue';import{useRouter}from'vue-router';const$router=useRouter();onMounted(()=>{consol......
  • Vue3 脚手架
    1.使用vue-cli创建脚手架PowerShellvuecreatevue3_test#创建vue3工程,vue-cli版本必须在4.5.13以上PowerShellnpmrunserve#运行工程2.使用......
  • 对于Vue3和Ts的心得和思考
    作者:京东物流吴云阔1前言Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。总的来说,Vu......
  • 对于Vue3和Ts的心得和思考
    作者:京东物流吴云阔1前言Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。总的来......
  • vue3 + vite 调试时断点位置错误
    vite-plugin-vue-setup-extend(版本0.4.0)插件的问题,删掉就好了。该插件用于解决scriptsetup语法糖下,不方便直接指定name名称的问题。在vite/plugins/index.js文件中......
  • Vue3的fetch和Axios
    Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库,但是它们之间有以下几个区别:语法不同:fetch是浏览器原生的API,使用起来比较简单,而Axios是一个第三方库,需要通过npm安......