美文网首页
vue中按钮和链接的响应

vue中按钮和链接的响应

作者: 杨闯 | 来源:发表于2020-02-08 15:50 被阅读0次

    在开发的过程中,会涉及到按钮和链接的点击,那么点击的效果在vue中怎么实现呢
    在template部分中的a或button写如下所示:

    <a href="javascript:void(0);" type="text" v-on:click="btnPressed(0)">默认配置</a>
    

    这样标明点击的时候不进行页面的跳转,与此同时调用vue部分的btnPressed方法,传递参数0,这是调用部分已经写完,就需要在vue部分把声明和具体的方法写出来,如下所示:

    <script>
      export default {
        methods: {
          btnPressed:function (num) {
            window.console.log(num);
          }
        }
      }
    </script>
    

    这样,点击链接的时候就会在控制台中输出0来。

    相关文章

      网友评论

          本文标题:vue中按钮和链接的响应

          本文链接:https://www.haomeiwen.com/subject/wduixhtx.html