v-model绑定vuex中state状态

浅浅的花香味﹌ 2021-07-26 20:48 394阅读 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 条评论，394人围观）

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

相关阅读

相关 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 赞/ 18 阅读

相关 Vue2向Vue3过度Vuex核心概念state状态

目录 1 核心概念 - state 状态 1.目标 2.提供数据 3.访问Vuex中的数据

阳光穿透心脏的1/2处/ 2024年03月24日 21:51/ 0 赞/ 20 阅读

相关双向绑定和 vuex 是否冲突

在严格模式下确实有问题，解决方案： [https://vuex.vuejs.org/zh/guide/forms.html][https_vuex.vuejs.org_zh_g

痛定思痛。/ 2023年08月17日 15:54/ 0 赞/ 38 阅读

相关状态模式（State）

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

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

相关 vuex改变state数据状态

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

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

相关 vuex中的state和mapState

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

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

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

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

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

相关 Vuex笔记（三）——state

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

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

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

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

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

相关 react state状态

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

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