@click没有效果?

Question

Vue.component('set-menu',{        template:'<ul><li v-for="item in ht" v-bind:data-id="item.id"><div @click="_click"><i class="s-font" v-bind:class="item.iconClass"></i>{{item.name}}</div><ul v-if="item.oth"><li v-for="items in item.oth"><i class="s-font" v-bind:class="items.iconClass"></i>{{items.name}}</li></ul></li></ul>',        data:function(){            var datas;            $.ajax({                type:"get",                url:"data.json",                async:false,                cache:false,                success:function(data){                    datas=data.sites;                }            });            console.log(datas)            return {ht:datas}        },        methods:{            _click:function(){                this.$emit('click',function(){                    alert(123)                })            }        }    })

Answer 1

你可以好好看看你写的这个@click函数，他是触发了这个'set-menu'组件的click事件，并且把一个包含了alert操作的匿名函数当做了参数传给了'set-menu'组件的click事件方法，所以这个要看'set-menu' 上的是click事件怎么处理的，是不是运行了这个传递过去的匿名函数，
可以修改_click函数直接alert就好，不是出发set-menu的click事件就好了。
小建议：组件中的异步操作，最好还是放到生命周期函数里面执行