vue@click（vue@click事件）

本篇文章给大家谈谈vue@click，以及vue@click事件对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、vue中，在页面加载完成后，JS再写入带@click的HTML代码，此时如何让@click响应点击事件？
• 2、vue 的点击事件怎么获取当前点击的元素
• 3、vue点击事件之@click.native

vue中，在页面加载完成后，JS再写入带@click的HTML代码，此时如何让@click响应点击事件？

直接在methods方法里面写你的点击事件函数

html

template v-for="(item, index) in questionnaireList"

    div class="questionnaire-section" @click="onSection(item.id)"

        div class="title"{{item.title}}/div

    /div

/template

js

var app = new Vue({

    el: '#app',

    data: {

        questionnaireList: [], //定义一个空数组

        currentPage: 1, //当前页

    },

    //加载完后自动执行

    mounted:function(){

        var that = this;

        that.questionnaireData(); //调用方法

    },

    methods: {

        questionnaireData:function () {

            var that = this;

            $.ajax({

                url: url + "questionnaire",

                type: "GET",

                data:{

               简腔乎     currPage: that.currentPage

                },

                success:function (res) {

                    res.data.questions.map(function (item,index) {

                     圆橘   that.questionnaireList.push(item);

                    });

                }

      拦悉      });

        },

        

        //绑定的点击事件

        onSection:function (id) {

            console.log("你当前点击的栏目对应id是： " + id);

        },

    }

});

[img]

vue 的点击事件怎么获取当前点击的元素

一野源、首先，在编辑器中创建一个web项目，并在目录中创建一个新的静态页面buttonclick.html：

二、然后在title标签中介绍准备好的vue.js库文件。在这里，将JS文数脊尺件放在JS目录中，然后在body标记中插入一个div和薯高四个按钮，将click事件与Vue中的v-on标记绑定：

三、接下来，插入脚本标记，在标记中写入事件函数，在事件中传递参数，然后打开浏览器查看结果：

四、打开浏览器并单击其中一个按钮以打开窗口返回的元素对象。以上是如何使用Vue获取click事件元素：

vue点击事件之@click.native

vue @click.native 原生点击事件：

1，给vue组件绑定事件时候，必须加上native ，不然不胡芦会生效（监裤镇带听根元素的原生事件，使用.native修饰符）

2，等同于在子组件中：旅滑

子组件内部处理click事件然后向外发送click事件：$emit("click".fn)

关于vue@click和vue@click事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。