vue中按钮和链接的响应

2020-02-08  本文已影响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来。

上一篇下一篇

猜你喜欢

热点阅读