Question

我在服务器上成功使用了Vue 2和Vuex，我有一个适用于mount（）函数的商店。

但是，当我希望用户能够更新商品时，商店未定义，因为它不在客户端上。我该如何改变？

在我目前的情况下，我使用vuex商店来搜索＆＃39;搜索＆＃39;文本，我用它来显示基于搜索文本的项目网格。这可以很好地服务器端，但只要我希望用户能够键入搜索框来更改它，它就不起作用。

这就是我想要做的事情：

<template>
    <input type="search" class="search"  :value="$store.state.search" @input="changeSearch">
</template>

<script>
export default {
    name: 'search-bar',
    methods: {
        changeSearch: (event) => this.$store.commit('SET_SEARCH', event.target.value)
    }
}
</script>

Answer 1

似乎将:value更改为v-model已使其有效。不确定这是不是最好的答案，但很高兴现在对它进行分类。

使用Vue 2 SSR和Vuex，如何更新数据客户端？

1 个答案: