vue实现tab操作的问题

Question

题目来源及自己的思路

刚学vue，在做标签操作，发现两个标签内的input输入框内容一模一样，应该怎么修改

相关代码

<template>
<div>
<cube-tab-bar v-model="selectedLabel" useTransition>

<cube-tab v-for="(item) in tabs" :label="item.label" :key="item.label">
</cube-tab>

</cube-tab-bar>
<cube-tab-panels v-model="selectedLabel">

<cube-tab-panel v-for="(item) in tabs" :label="item.label" :key="item.label">
  <div>
    <input class="lname" type="text" placeholder="账号">{{luname}}
  </div>
  <div>
  <input class="lpwd" type="password" placeholder="密码">{{lpassword}}
  </div>
</cube-tab-panel>
<script>

export default {

data () {
    return {
  selectedLabel: '登录',
  tabs: [{
    label: '登录',
  }, {
    label: '注册',
  }]
}

}
}
</script>

你期待的结果是什么？实际看到的错误信息又是什么？

想要的是点击“登录”和“注册”tab显示不同的输入框