首页 > Web开发 > 详细

Vue click link to another url

时间:2020-07-29 18:04:30      阅读:58      评论:0      收藏:0      [点我收藏+]

本篇学习到Vue的Event,v-on和@click。

在方法methods访问到data数据,this.$data来实现。

window.location重设置值,令其导向设置值的页面或链接。

 

技术分享图片

 

 

技术分享图片
 <div id="test">
        <a v-on:click="goto">{{name}} </a>
        <button @click="goto">{{name}}</button>
    </div>
HTML Source Code

 

技术分享图片
new Vue({
            el: ‘#test‘,
            data: { url: ‘http://insus.cnblogs.com‘, name: "blogs" },
            methods: {
                goto: function () {
                    window.location = this.$data.url
                }
            }
        })
Vue Source Code

 

Vue click link to another url

原文:https://www.cnblogs.com/insus/p/13398340.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!