动态改变title标题

动态改变title标题

1、主要用到Vue的自定义指令directive。参考地址： link.

实现效果

该上代码了

• 一、在main.js引入

		// 动态改变title标题
		Vue.directive('title', {
		  inserted: function(el, binding) {
		    document.title = binding.value;
		  },
		});

• 二、将v-title放在每个文件的根节点标签内

		<template>
		  <div class="login-container" v-title="'登录'">
		  </div>
		</template>

		<template>
		  <div class="dashboard-container" v-title="'dashboard'">
		   </div>
		</template>