Vue click link to another url

本篇学习到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
原文地址:https://www.cnblogs.com/insus/p/13398340.html