vue点击后跳转外部链接并在新页面打开
vue点击后跳转外部链接并在新页面打开以百度链接为例,重新打开新的窗口通常采用window.open<template><img :src="indexImg" @click="linkImg"></template><script>export default {name: "index",data() {return {indexImg:"htt
·
vue点击后跳转外部链接并在新页面打开
以百度链接为例,重新打开新的窗口通常采用window.open
<template>
<img :src="indexImg" @click="linkImg">
</template>
<script>
export default {
name: "index",
data() {
return {
indexImg:"https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2755875330,2937693649&fm=26&gp=0.jpg",
indexro:"www.baidu.com"
}
},
methods: {
linkImg(){
window.open(this.indexro,'_blank') // 在新窗口打开外链接
window.location.href =this.indexro; //在本页面打开外部链接
}
}
}
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)