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链接的 javascript:fun()
这里的fun调用的是window对象下的fun()，而你写在methods下面的是vue对象下的fun，这时候调用肯定会报错啦，
解决办法：

<a href="javascript:;" @click="fun"></a>