如何在方法 vue.js 2 中添加条件？

Question

我的代码是这样的：

<template>
    <a href="javascript:" class="btn btn-block btn-success" @click="addFavoriteStore($event)">
        <span class="fa fa-heart"></span>&nbsp;<label id="favoriteId">{{ store_id == $store->id ? 'Un-Favorite' : 'Favorite' }}</label>
    </a>
</template>

<script>
    export default{
        props:['idStore'],
        mounted(){
            this.checkFavoriteStore()
        }, 
        methods:{
            addFavoriteStore(event){
                var label = $('#favoriteId');
                var text = label.text();

                event.target.disabled = true
                const payload= {id_store: this.idStore}

                if(text == "Favorite") {
                    this.$store.dispatch('addFavoriteStore', payload)
                }
                else {
                    this.$store.dispatch('deleteFavoriteStore', payload)                        
                }

                setTimeout(function () {
                    location.reload(true)
                }, 1500);
            },
            checkFavoriteStore(){
                const payload= {id_store: this.idStore}
                this.$store.dispatch('checkFavoriteStore', payload)
                // this is response. return store_id
            }
        },
        data: {
            store_id: ''
        }
    }
</script>

我按照上述条件提出

你可以看看方法addFavoriteStore

那一步是否正确？

以及如何判断是不是喜欢标签创造条件？

更新

在控制台中存在这样的错误：

[Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions. 

Answer 1

正如错误所说，在处理组件时，应将数据定义为返回对象的函数 - 所以：

data() {
  return {
   store_id: ''
  }
}

Answer 2

您的数据应设置为：

  data() {
     return {
       store_id: ''
     }
  }

作为它的一个组件？试试这个？