如何動態修改Vue項目中的頁面title

需求：修改框中的信息

 

一、在main.js中：

// 設置瀏覽器標題 Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title } }) 

二、在某個頁面最大的div上：

 

 

image.png

加上以下代碼：

 

v-title data-title="測試title" 

效果：

 

image.png

---

---

---

////////////////////////////////////更簡單的方法，一行代碼，在頁面中直接賦值給document.title

 

image.png