使用vue制作网页跳转

最新推荐文章于 2024-03-27 18:35:17 发布

任亚兵

最新推荐文章于 2024-03-27 18:35:17 发布

阅读量2.3k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/a2939402202/article/details/124550701

版权

代码：

Document

		<div id="app">
			<a v-bind:href="url">百度</a>
	<button v-on:click='handle'>切换</button>
		</div>
		
		<script type="text/javascript" src='js/vue.js'></script>
		<script type="text/javascript">
			
		
			var vm=new Vue({
				el:'#app',
				data:{
					num:0,
					url:'https://www.baidu.com/'
					
				},
				methods:{
					
					handle:function(){
					this.url='http://itcast.cn';
					}
					
				}
			});
			
		</script>
</body>

运行结果：
在这里插入图片描述