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'23     }
  }37 }

3.待续