国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<template>
  <p>
    <ul>
      <li>帳號(hào) <input type="text" name="user"></li>
      <li>密碼 <input type="password" name="password"></li>
    </ul>
    <ul v-if="title == '用戶注冊(cè)'">
      <li>確認(rèn)密碼 <input type="password" name="password"></li>
      <li>郵箱 <input type="text" name="email"></li>
      <li>
        <input type="submit" value="注冊(cè)">
        <input v-on:click='change' type="button" value="登錄">
      </li>
    </ul>
    <ul v-else>
      <li>
        <input type="submit" value="登錄">
        <input v-on:click='change' type="button" value="注冊(cè)">
        忘記密碼?
      </li>
    </ul>
  </p>
</template>

Parce que v-if doit être monté dans l'élément. Bien que cela puisse permettre une commutation, l'élément d'attribut du bouton semble irrégulier

<script>
export default{
  data () {
    return {
      title: '用戶登錄'
    }
  },
  methods: {
    change: function () {
      this.title = this.title === '用戶登錄' ? '用戶注冊(cè)' : '用戶登錄'
    }
  },
  watch: {
    title: function () {
      this.$store.commit('setValue', {title: this.title})
    }
  },
  created: function () {
    this.$store.commit('setValue', {title: this.title})
  }
}
</script>

title est le titre de la page. Bien que cela implémente le chargement et le changement de titre par défaut, il semble que le code soit redondant. Existe-t-il un moyen simple??