首页 > 编程知识 正文

uniapp globaldata,uniapp formdata

时间:2023-05-03 22:25:53 阅读:274342 作者:3208

效果图:

实现代码: <template><view>globalData中text的值: {{ gd.test }}<button type="primary" @click="setGD()">修改上述值为123</button>vuex中hasLogin的值: {{ testvuex }}<button @click="setVUEX(true)">修改上述值为true</button><快三大小单双稳赚买法的值: {{ testvuex }}<button @click="setVUEX(true)">修改上述值为true</button><button @click="setVUEX(false)">修改上述值为false</button></view></template><script>import { mapState, mapMutations } from 'vuex';export default {data() {return {gd: {}};},computed: {...mapState(['testvuex'])},methods: {...mapMutations(['setTestTrue', 'setTestFalse']),setGD: function() {getApp().globalData.test = '123';},setVUEX: function(isTrue) {if (isTrue) {this.setTestTrue(this.$store.state);} else {this.setTestFalse(this.$store.state);}}},onShow() {this.gd = getApp().globalData;}};</script>

其中,store/index.js内容如下:

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({state: {testvuex: false},mutations: {setTestTrue(state) {state.testvuex = true},setTestFalse(state) {state.testvuex = false}}})export default store

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。