首页前端开发HTMLvue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?

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

时间2023-04-03 15:06:46发布访客分类HTML浏览1499
导读:html<div v-for="(layer, index in layerList" :key="layer.id" class="layer-item"> <div>{{ layer.name }}&l...

html

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

JavaScript

解决方案 1 :

给 state 增加 computed

script setup>

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

解决方案 2:

给 useStore 使用 storeToRefs

script setup>

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

import {
 storeToRefs }
     from "pinia";
    

const layer = useLayerStore();

const {
 layerList }
     = storeToRefs(layer);
    
/script>
    

参考文档

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascripthtmlstate解决方案数据

若转载请注明出处: vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?
本文地址: https://pptw.com/jishu/844.html
下载Python后怎么建立新的项目?手把手教你创建一个新的Python项目(新安装的python如何新建项目) 【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )

游客 回复需填写必要信息