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

问题描述

问 题

先上图，看需求

使用的是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>怎么实现？

解决方案

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

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

这篇关于vue.js - vue中关于使用<a href="javascript: fun()">的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！