vue 點擊實現跳轉到外部鏈接

以下是一個被封裝的box組件，在父組件中點擊該組件可以實現打開一個新頁面：

Box.vue

<template>
  <div class="box">
    <div class="grid-content bg-purple">
      <div
        class="title-style"
 @click="openUrl(url)"
      >{{title}}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: 'hello world'
    },
 url:{ 20  type:String, 21       default:'https://www.baidu.com'
 } 23   },
  methods:{
25     openUrl(url){
26       window.open(url,"_blank");
27       //_blank : 在新窗口打開
28       //_self : 在當前窗口打開
29       
30       //window.location.href = url : 當前頁面重定向
31     }
  }
}
</script> 

<style>
</style>