vue wechat title

تأثير

بالنسبة لتطبيقات Vuejs ذات الصفحة الواحدة، لا يمكن تعديل العنوان الموجود في عرض الويب لبعض التطبيقات ضمن نظام iOS من خلال document.title = xxx. تم إنشاء هذا المكون الإضافي فقط لحل هذه المشكلة (متوافق مع Android).

تم اختبار التطبيق

• وي شات
• ف ف
• أليباي
• تاوباو

التأثير (يرجى استخدام أي تطبيق في القائمة أعلاه لمسح الرمز لفتح التجربة)

تتشابه طرق استخدام الإصدارات المختلفة ولكن التأثير هو نفسه. تمت كتابة العرض التوضيحي بواسطة 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 >

مرحبا بكم في تقديم العلاقات العامة