winney

It is never too old to learn.

0%
winney

发表于 更新于 分类于 ，
1、在项目目录下安装vue-wechat-title
1
cnpm i vue-wechat-title --save-dev
2、在main.js中 使用vue-wechat-title
1
Vue.use(require('vue-wechat-title'))     //实例化参数
3、在router的配置中设置
1
2
3
4
5
6
7
8
{
      path: '/home',
      name: 'Home',
      component: Home,
      meta: {
        title: '主页'       //页面标题
      }
 }
4、在每个vue页面中加入 <div v-wechat-title="$route.meta.title"></div>
1
2
3
 <div class="content content-box">
      <div v-wechat-title="$route.meta.title"></div>
</div>
【参考】： vue项目设置每个页面的title

发表于 更新于 分类于 ，

方法一（基本的）：

elementUi导航通常会和vue-router一起使用，所以与官网的示例的写法不太一样。具体写法如下:

1
2
3
4
<el-menu :default-active="$route.path" class="el-menu-vertical-demo" router>
   <el-menu-item v-for="item in items" :index="item.src">{{item.name}}            
   </el-menu-item>
 </el-menu>

data里则是正常的数据即可：

1
2
3
4
5
6
7
8
9
10
11
data(){
      return{
        items:[
          {src:'/gameinfo/index',name:'基本信息'},
          {src:'/gameversion/index',name:'版本管理'},
          {src:'/gameplatform/index',name:'渠道管理'},
          {src:'/gameproduct/index',name:'充值产品'},
          {src:'/gameplugin/index',name:'插件管理'}
        ]
      }
    }
阅读全文 »