vue 点击修改样式

1.页面加载默认一个初始的isact,让第二个div.f具有一个on的类；在点击的时候，传入一个值给data.isact

 <template>
     <nav class="clearfix">
       <div class="fl" :class="{on:'zh'==isact}" @click="refresh(); changeLangEvent('zh')" v-text="$t('m.p_0002')"></div>
       <div class="fl" :class="{on:'en'==isact}" @click="refresh(); changeLangEvent('en')" v-text="$t('m.p_0003')"></div>
     </nav>
 </template>

 export default {
   name: 'Login',
   data () {
     return {
       'isact': 'en', // 索引为0的tab添加 class='on',此处应该由内存中获取
     }
   },
   methods: {
     'refresh': refresh,
     'changeLangEvent': changeLangEvent
   }
 }
 /**
  * 切换语言
  * */
 function changeLangEvent (lang) {
   if (lang === 'en') {
     this.$i18n.locale = 'en'
     this.$validator.locale = 'en' // 表单验证提示语言设置为'en'
   } else {
     this.$i18n.locale = 'zh'
     this.$validator.locale = 'zh'
   }
   localStorage.setItem('language', lang)
   this.isact = lang
 }

2.利用mint-ui的控件，可以双向绑定

 <template>
 　　<mt-tab-container v-model="selected">
       <mt-tab-container-item id="T">
       </mt-tab-container-item>
       <mt-tab-container-item id="P">
       </mt-tab-container-item>
     </mt-tab-container>
 </template>

 export default {
   name: 'ProjectList',
   data () {
     return {
       selected: 'T'     }
   } }

3.待续