我有一个 vue 方法想要将数据提交到 vuex 突变，由于某种原因，我不断收到Uncaught TypeError: this.$store.commit is not a function
当我单击列表项并调用该函数时会触发错误。
示例.vue
<li class="tabs-title" v-for="item in filteredItems" v-on:click="upComponents" :key="item.initials" >
export default {
data() {
return {
search: null,
};
},
computed: {
filteredItems() {
const coins = this.$store.state.coin.coin;
if (!this.search) return coins;
const searchValue = this.search.toLowerCase();
const filter = coin => coin.initials.toLowerCase().includes(searchValue) ||
coin.name.toLowerCase().includes(searchValue);
return coins.filter(filter);
},
},
methods: {
upComponents(item) {
this.$store.commit('updatedComp', item);
},
},
mounted() {
this.tabs = new Foundation.Tabs($('#exchange-tabs'), {
matchHeight: false,
});
}, …所以我遇到这个项目的一个特殊之处是我不能使用 javascript。重点是隐藏与未选中的单选按钮相关的任何内容。页面加载后，所有内容都会显示，但选择一个单选按钮内容后，我必须使所有其他单选按钮消失。
这是我的标记：
<label>
<input type="radio" name="group1" value="1" />
<div class="radio-sample">
<img src="http://placehold.it/150x150">
<div class="con">
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."</p>
<div type="button" class="btn btn-primary pull-right">1Primary</div>
</div>
</div>
</label>
<label>
<input type="radio" name="group1" value="2" />
<div class="radio-sample">
<img src="http://placehold.it/150x150">
<div class="con">
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor …我在 sessionStorage 上已经有一个对象，编码为：
sessionStorage.setItem('queryData', JSON.stringify(data));
let data = JSON.parse(sessionStorage.getItem('queryData'));
到目前为止一切顺利，但是我的目标是能够更新该对象上的特定值，以便在更新后可以跨页面访问它们。
{Obj: [,…]}
Ojb: [,…]
0: {…}
dateOfBirth: "12331"
firstName: "Manue"
就像是 ：
sessionStorage.setItem('queryData', update(firstName: "John"));
如何更新预定义的 localSession 对象中的特定值？