如何正确执行v-if语句中的动态元素？

Question

我是超级新手，并且在学习vue时跌跌撞撞。并希望有人可以帮助我尝试编写的声明。

<template>
<div id="transfer-time">
      <div class="content has-left-text">
          <div v-if="transfer === true"  v-bind:class="{'darkQues': darkMode}" >
                <p>you need to email {{ this.name }} for further assistance.</p>
                    <center><b>email {{ this.email }}</b></center>
          </div>
      </div>
  </div>
</template>
<script>
  var transfer = {
      transferName: function(xfer) {
        return this.name + "" , this.email + "";
        }
      }
  var xfer = [{
    name: "john doe",
    email: "[email protected]"
  }, 
  {
    name: "john dope",
    email: "[email protected]"
  },
  {
    name: "jane doe",
    email: "[email protected]"
  },
  {
    name: "jane dope",
    email: "[email protected]"
  }]
</script>

最终，我真的只是在寻找正确的方向。

Answer 1

我仍然不确定您要实现的目标，但根据您的评论，我认为这很接近：