Question

我是Vue的新手，我有一个组件（id =“ apartments”），其中的我是从另一个资源/视图文件中获取内容的，用于添加html的代码是：

 plansHtml = '<a href="{{ $plans[0]['href'] }}" v-on:click="testfunction();"></a>';//This is the html which I am getting from Ajax, and in this html I have used v-on:click
 activePlanContainer.html(plansHtml);

我的Js文件中的代码是：

var appApartments = new Vue({
    el: '#apartments',
    methods: {
        testfunction: function() {
            console.log('Test function called');
        }
    }
});

请让我知道我在做什么错，我也尝试了v-on：click-native =“ testfunction（）;”但这也没有用。预先感谢

Answer 1

也许您在这里有两个问题

您的<a></a>标记中的代码中没有任何内容
如果您使用本机javaScript或jQuery创建Dom元素，则vue无法收听（这意味着无法使用vue的语法。）

或者您可以为我们提供更多代码来解决您的问题

Vue v-on：单击不适用于Ajax内容

1 个答案: