vue中关于使用<a href="javascript: fun()">的问题

Question

先上图，看需求

使用的是vue-material库，在它的Table中，有一列内容以超链接<a>的形式显示，就是想点击可以执行一些方法，请问各位人帅心善的程序员兄弟们，在vue中的超链接可以像下面这样用吗？

<a href="javascript:fun()">查看详情</a>

然后在Vue的methods属性中定义fun()方法

<script>

    export default {

        methods: {

            fun () {

                alert('您好，我叫详情')

            }

        }

    }

</script>

我试了一遍，控制台中说fun()方法未定义，如果这样不行，那么在vue中如何实现这种需求呢？

注： 把<a>替换成<button>是可以的，添加click事件能实现

想知道，不写成<button>，用超链接<a>怎么实现？

Answer 1

a链接的&nbsp;javascript:fun()这里的fun调用的是window对象下的fun()，而你写在methods下面的是vue对象下的fun，这时候调用肯定会报错啦，解决办法：<a&nbsp;href="javascript:;"&nbsp;@click="fun"></a>