相关疑难解决方法(0)

vuex商店不更新组件

我是vue的新手,所以我可能会犯一个菜鸟错误.

我有一个root vue元素 - raptor.js:

const Component = {
el: '#app',
store,
data: {
    productList: store.state.productlist
},
beforeCreate: function () {
    return store.dispatch('getProductList', 'getTrendingBrands');
},
updated: function (){
    console.log(111);
    startSlider();
}
};
const vm = new Vue(Component);
Run Code Online (Sandbox Code Playgroud)

使用此模板

<div class="grid-module-single popular-products" id="app">
<div class="row">
    <div class="popular-items-slick col-xs-12">
        <div v-for="product in productList">
            ...
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的商店很简单store/index.js:

import Vue from 'vue';
import Vuex from 'vuex';
import model from '../../utilities/model';

Vue.use(Vuex);

export default new Vuex.Store({
state: {
    productlist: []
},
mutations: { …
Run Code Online (Sandbox Code Playgroud)

javascript vuex

13
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

vuex ×1