建议使用以下浏览器,以获得最佳体验。 ie 9.0 以上版本 chrome 31 谷歌浏览器 firefox 30 火狐浏览器
温馨提示

抱歉,您需设置社区昵称后才能参与社区互动!

前往修改
我再想想
选择版块
主题:493帖子:4024

【 技术干货-低码】

管理页面级数据源、全局状态demo

昨天 12:18 91

第一步:首先定义页面状态数据

new mstore({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count  
    }
  },
  actions: {
    increment (context) {
      context.commit('increment')
    }
  }
});

第二步;绑定、同步数据

以自定义组件为例:

- .ftl

{{textshow}}

- .js

……
  thisobj.vm = new vue({
                el: $("#text_demo", elem)[0],
                i18n: i18n,
                data: {
                    textshow: thisobj.$mstore.state.count
                },
            })
……
……
    onstatechanged() {
        // console.log(this.$mstore.state)
        // console.log(this.vm)
        this.vm.textshow = this.$mstore.state.count
    }
……

第三步:触发数据改变

以内置组件为例:

{widget41}.$mstore.dispatch('increment')

最终效果:

点击内置组件触发自定义组件数据更新

回复2

0 0
2022/6/5 12:19

不错啊

0 0
2022/6/5 13:41

感谢精彩分享 
                                          -- 高级云网管

上划加载中
直达楼层
全部回复
正序浏览
标签
您还可以添加5个标签
  • 没有搜索到和“关键字”相关的标签
  • 云产品
  • 凯发k8国际娱乐官网入口的解决方案
  • 技术领域
  • 通用技术
  • 平台功能
取消

管理页面级数据源、全局状态demo-凯发k8国际娱乐官网入口

您已采纳当前回复为最佳回复

发帖: 92粉丝: 40

发表于2022年06月05日 12:18:07 91 2
[低码] 管理页面级数据源、全局状态demo

第一步:首先定义页面状态数据

new mstore({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count  
    }
  },
  actions: {
    increment (context) {
      context.commit('increment')
    }
  }
});

第二步;绑定、同步数据

以自定义组件为例:

- .ftl

{{textshow}}

- .js

……
  thisobj.vm = new vue({
                el: $("#text_demo", elem)[0],
                i18n: i18n,
                data: {
                    textshow: thisobj.$mstore.state.count
                },
            })
……
……
    onstatechanged() {
        // console.log(this.$mstore.state)
        // console.log(this.vm)
        this.vm.textshow = this.$mstore.state.count
    }
……

第三步:触发数据改变

以内置组件为例:

{widget41}.$mstore.dispatch('increment')

最终效果:

点击内置组件触发自定义组件数据更新

分享文章到朋友圈

分享文章到微博
您已采纳当前回复为最佳回复

发帖: 740粉丝: 60

发表于2022年06月05日 12:19:06

不错啊

您已采纳当前回复为最佳回复

发帖: 58粉丝: 10

发表于2022年06月05日 13:41:22

感谢精彩分享 
                                          -- 高级云网管

您需要登录后才可以回帖 | 立即注册

您对问题的回复是否满意?
满意度
非常满意 满意 一般 不满意
我要反馈
0/200
网站地图