main.js添加如下 可使用第一种或者第二种方式
// 自定义标题
Vue.directive('title', {
// 第一种方式 v-title="'haha'" 这样使用---传参方法
bind(el, binding, vunode) {
document.title = binding.value
},
//第二种方式 v-title data-title="所需要的标题" 这样使用
inserted: function (el) {
document.title = el.dataset.title
}
})
使用
<!-- 在最顶部的div上添加v-tittle -->
<!-- 第一种方法使用 文字必须用单引号引入-->
<div class='child' ref="child" v-title="'我是标题'">
<!-- 第二种方法使用-->
<div class='child' ref="child" v-title data-title="我是标题">