framework7汉化/颜色配置等初始化问题笔记

汉化

由于dialog/photo browser等组件包含一些提示性的文案，默认是英文，所以所谓汉化就是修改这些提示内容为中文

const f7params = {
    dialog:{ 
        buttonOk:"确定",
        buttonCancel:"取消",
    },
    photoBrowser:{
        pageBackLinkText:"返回",
        popupCloseLinkText:"关闭"
        ...
    },
    ...
}

• router相关设置

  <f7-view
      :push-state="true"
      :main="true"
  ></f7-view>
  
  

  • 无法响应url变化,同时也无法改变router

  这里的经过尝试 :push-state="true"不可简写为push-state,:main="true"可以简写为mian.

  • url模式更改

  默认情况下f7的hash的URL为/#!/login形式,可以通过pushStateSeparator="#"或者pushStateSeparator=""对应vue-router的hash模式和history模式.

  • 路由的定义

  f7的异步路由定义和vue-router的差异很大，这里是来自官网的范例。

  {
      path: '/about/',
      async(routeTo, routeFrom, resolve, reject) {
        // dynamic import component; returns promise
        const vueComponent = () => import('./pages/about.vue');
        // resolve promise
        vueComponent().then((vc) => {
          // resolve with component
          resolve({ component: vc.default })
        });
      } ,
    },
  
  

search的问题

customSearch/custom-search未设置/false的情况下,searchbar:search时间不会被触发.