弹出窗口，Vue多次执行调用接口，第一次打开页面只调用一次，第二次不刷新页面打开就调用两次，这个有人遇到过吗

Question

var plan_table = new Vue({

        el: '#planListTable',
        created:function(){
            var that = this;
            planInfoInit.tablevueSelf = this;
            getTableData();
        },
        data:{
            tableData:[]
        },
        methods: {
            showDetail: function (event) {
                var id = $(event.currentTarget).attr("id");
                $.ajax({
                    url:httpresquest.header+'/knowledge/emergencyPlan/getEmergencyPlanById?id='+id,
                    type:'GET',
                    dataType:"JSON",
                    success:function(obj){
                        if(obj.success == true){
                            planInfoInit.detailvueSelf.vueDetailData = obj.data;
                            planInfoInit.wordvueSelf.vueWordData =  obj.data;
                        }
                    }
                });

            }
        },
        mounted:function (){
            this.$nextTick(function () {
                console.log(111111111111111111111111111111111111111111111);
                return;
            })
        }
    });
    plan_table.$watch("tableData",function(){
        if($("#planListTable tbody").find("tr:first-child").length>0){
            $("#planListTable tbody").find("tr:first-child").click();
        }else{
            planInfoInit.detailvueSelf.vueDetailData = '';
            planInfoInit.wordvueSelf.vueWordData = '';
        }
        console.log(222222222222222222222222222);
        return false;
    });

Answer 1

至少去js.do或者jsfiddle写一个能重现错误的页面吧