vue wechat title

эффект

Для одностраничных приложений Vuejs заголовок в веб-просмотре некоторых приложений в системе iOS нельзя изменить с помощью document.title = xxx. Этот плагин создан только для решения этой проблемы (совместим с Android).

Проверенное приложение

• Вичат
• QQ
• Алипей
• Таобао

Эффект (пожалуйста, используйте любое приложение из приведенного выше списка, чтобы отсканировать код и открыть опыт)

Методы использования разных версий схожи, но эффект тот же. Демо написано Vuejs1.x.

Открыть напрямую: http://vue-wechat-title.deboy.cn/

Установить

Вуэйс 1.x

npm install [email protected] --save

Вуэйс 2.x

npm install vue-wechat-title --save

использование

Демо-версия Vuejs 1.x

Демо-версия Vuejs 2.x

ES6

main.js

 Vue . use ( require ( 'vue-wechat-title' ) )

Определение маршрута (перехват только его части)

 // ...
const routes = [
  {
    name : 'Home' ,
    path : '/home' ,
    meta : {
      title : '首页'
    } ,
    component : require ( '../views/Home.vue' )
  } ,
  {
    name : 'Order' ,
    path : '/order' ,
    meta : {
      title : '订单'
    } ,
    component : require ( '../views/Order.vue' )
  } ,
  {
    name : 'UCenter' ,
    path : '/ucenter' ,
    meta : {
      title : '用户中心'
    } ,
    component : require ( '../views/UCenter.vue' )
  }
]
// ...

App.vue рекомендует использовать его глобально только один раз. Название директивы можно определить в vuex или маршрутизаторе. Не используйте его несколько раз!

 <!-- 任意元素中加 v-wechat-title 指令 建议将标题放在 route 对应meta对象的定义中 -->
< div v-wechat-title =" $route.meta.title " > </ div >
<!--or-->
< router-view v-wechat-title =" $route.meta.title " > </ router-view >

Адрес пользовательского загруженного изображения по умолчанию представляет собой пустой адрес изображения в формате Base64, который может быть относительным или абсолютным. Обратите внимание, что его необходимо передавать, если он используется в приложении Alipay. Рекомендуется передавать адрес значка, например: /favicon.ico.

 < div v-wechat-title =" $route.meta.title " img-set =" /static/logo.png " > </ div >

Добро пожаловать, чтобы отправить PR