v-model绑定vuex中state状态

浅浅的花香味﹌ 2021-07-26 20:48 438阅读 0赞

废话不多说上代码

vuex

const state = { 
        value: 1
    };
    
    const mutations = {
      SET_VALUE: (state, value) => {
        state.value= value;
      },
    };
    
    const actions = {};
    
    const getters = {
        value: state => state.value,
    };
    
    export default {
      namespaced: true,
      state,
      getters,
      mutations,
      actions
    };

页面

<template>
        <div>
            <el-input v-model="values"/>
        </div>
    </template>
    <script>
    import {
      mapGetters,
      mapActions,
    } from 'vuex';
    export default {
        name: ''
        computed: {
            ...mapGetters({
             value: 'equipmentRepair/equipment_repair/value',
            }),
           values: {
               get() {
                return this.value
                },
                set(val) {
                   this.SET_VALUE(val);
                }
            }
        },
        methods: {
          ...mapMutations({
              SET_VALUE: 'equipmentRepair/equipment_repair/SET_VALUE'
            })
        }
    }

搞定

发表评论取消回复

表情：

评论列表（有 0 条评论，438人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vuex - 状态管理模式的配置和使用（state、mutations、getters）

目录一、Vuex 前言 1.1、下载和配置 Vuex 1.1.1、下载 Vuex 1.1.2、配置 Vuex 1.2、Vuex 的使用 1.2.1、state

妖狐艹你老母/ 2024年03月27日 18:37/ 0 赞/ 69 阅读

相关 vuex中的state

vuex中的state 简介本文讲解vuex中的state使用方法。入门讲解首先第一步肯定是创建vue项目，具体操作看这篇文章：[用命令窗口的方式创建

小鱼儿/ 2024年03月16日 13:35/ 0 赞/ 39 阅读

相关状态模式（State）

核心思想就是：当对象的状态改变时，同时改变其行为，很好理解！就拿QQ来说，有几种状态，在线、隐身、忙碌等，每个状态对应不同的操作，而且你的好友也能看到你的状态，所以，状态模式就

太过爱你忘了你带给我的痛/ 2022年06月15日 01:19/ 0 赞/ 214 阅读

相关状态模式 State

核心：用于解决系统中复杂对象的状态转换以及不同状态下行为的封装问题。结构： Context环境类：环境类中维护一个State对象，定义了当前的状态。 Stat

喜欢ヅ旅行/ 2022年06月08日 11:25/ 0 赞/ 235 阅读

相关 vuex改变state数据状态

最好不要直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得可以方便地跟踪每一个状态的变化，从而能够

ゝ一纸荒年。/ 2022年04月17日 05:18/ 0 赞/ 298 阅读

相关 vuex中的state和mapState

vuex是Vue中的数据仓库，用来存储数据的，Vue中每个组件都可以获取和修改vuex中的值。 1. 添加vuex插件 ![20190325231235950.png][]

梦里梦外;/ 2022年02月28日 14:56/ 0 赞/ 391 阅读

相关 Taro Input输入内容无法绑定state问题

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 在onInput事件中，返回内容，返回内容即是输入框内容

旧城等待，/ 2022年01月14日 09:15/ 0 赞/ 138 阅读

相关 Vuex笔记（三）——state

在Vuex中，我们会发现所有的状态都包含在了一个对象state中。即Vuex使用单一状态树。那我们在Vue组件中获取和展示状态的方法，在上一个笔记里已经有写过：

本是古典何须时尚/ 2021年08月13日 12:52/ 0 赞/ 468 阅读

相关 v-model绑定vuex中state状态

废话不多说上代码 vuex const state = { value: 1 }; const mutations =

浅浅的花香味﹌/ 2021年07月26日 20:48/ 0 赞/ 439 阅读

相关 react state状态

state (1)存储组件内部状态数据 (2)setState修改值会引起视图重绘 (1)设置state(设置后必须ret

ゝ一世哀愁。/ 2021年07月24日 22:27/ 0 赞/ 437 阅读