vue.js import/require数组后computed监听失败
来源:互联网 发布:软件测试人员基本素质 编辑:程序博客网 时间:2024/05/18 02:51
module1.js
let state = {
spacelist: [],
loadingStatus: null,
}
const actions = {
getSpaceList (params) {
let callback = params.callback;
delete params['callback'];
axios.get('/tasklist').then(function(response) {
state.spacelist = response.data.data; //state.spacelist有值
console.log(state.spacelist);
callback && callback(response.data);
}).catch(function(error) {
callback && callback({errno: 1,errmsg: '请求异常'});
});
}
}
module.exports = {
state,
actions
}
module2.vue
let tool = require('./module1.js');
computed: {
spacelist(){
return tool.state.spacelist; //tool.state.spaclist为空
}
}
原因:state.spacelist = response.data.data; 在执行数组赋值的过程中,computed监听断掉了
解决方案:1,将数组的赋值改为push
2.在module2.vue中用data监听
data(){
return {
state: tool.state
}
},
computed: {
spacelist(){
return this.state.spacelist;
}
}
- vue.js import/require数组后computed监听失败
- Vue.js computed vs Methods
- 浅谈vue.js的computed
- Vue.js computed vs Methods区别
- Vue.js的computed和methods#
- vue--computed
- Vue.js学习 Item5 -- 计算属性computed与$watch
- Vue.js学习 Item5 -- 计算属性computed与$watch
- Vue.js之计算属性computed与$watch
- Vue.js中data,props和computed数据
- Vue.js的computed和watch用法及区别
- js import和require用法的区别
- JS 中的require 和 import 区别
- vue-计算属性computed
- Vue:计算属性computed
- vue基础--computed属性
- Vue学习-Computed属性
- Vue学习之computed
- @EnableAutoConfiguration
- script在Html中的摆放位置
- 分组对称加密模式:ECB/CBC/CFB/OFB
- 将数据从文件中读出并排序
- Eclipse使用:从git克隆maven项目
- vue.js import/require数组后computed监听失败
- 04.assetbundle下载
- ROC曲线知识
- (上传文件错误)java.lang.NoClassDefFoundError: org/apache/commons/fileupload/FileItemFactory
- ios 百度地图api所遇到的问题以及解决方法
- 1000: A + B Problem
- (HDU
- 三色排序
- 学习笔记16-C++ main(int argc, char *argv[])