一个“错误”的vuex写法:vuex刷新了数据但是视图没有刷新
来源:互联网 发布:火影手游网络连接不上 编辑:程序博客网 时间:2024/06/06 03:51
这是个很尴尬的问题,让我猜猜看你的代码是不是这样写的:
<template><div id="app"><img src="./assets/logo.png"><button @click="clickme">点击我</button><span>{{countnumber}}</span></div></template><script>export default {name: 'app',data() {return {countnumber: this.$store.state.count,}},methods: {clickme: function() {this.$store.commit("increment");}},}</script><style></style>
那么恭喜你,无论你怎么平明点,都会是0.但是如果你是下面这种写法,那就是正确的了:
<template><div id="app"><img src="./assets/logo.png"><button @click="clickme">点击我</button><span>{{$store.state.count}}</span></div></template><script>export default {name: 'app',data() {},methods: {clickme: function() {this.$store.commit("increment");}},}</script><style></style>
区别就是你直接关联到界面里面。为什么这样?不清楚,毕竟是别人的框架
阅读全文
0 0
- 一个“错误”的vuex写法:vuex刷新了数据但是视图没有刷新
- 刷新浏览器vuex数据丢失
- 结合localStorage解决vuex页面刷新数据丢失的问题
- 页面刷新vuex数据消失问题解决方案
- vuex的两种写法
- Vuex安装使用和刷新问题
- 没有vuex的vue案例
- vuex
- vuex
- vuex
- Vuex
- vuex
- vuex
- vuex
- vuex
- vuex
- Vuex
- Vuex
- Java JDBC编程
- Java学习笔记之集合(二):List集合的常用方法
- 网络安全类面试题整理1
- RecyclerViewPool
- java8新特征
- 一个“错误”的vuex写法:vuex刷新了数据但是视图没有刷新
- 正则方式-取文本中间
- CF 845D Jury Meeting 枚举断点+前缀后缀
- solr索引库添加
- pyTorch学习(01)
- 关于Tesseract OCR 中文训练识别小试(java调用Tess4j)
- 对象的共享
- 【Linux】Shell
- Cause: java.sql.SQLException: ORA-01461: 仅能绑定要插入 LONG 列的 LONG 值