vue 组件el-tabs 切换实时更新问题

Posted 2023-04-27

参考技术A Vue会在网页加载时把el-tabs全部渲染出来，通过V-if进行选择性渲染

*********第一部分 定义组件*********

<el-tabs v-model="activeName" type="border-card" @tab-click="handleClick" >

  <el-tab-pane label="维护" name="1"><Maintenance v-if="First" />

  <el-tab-pane label="导入" name="2"><Import v-if="Second" />

</el-tabs>

*********第二部分 定义变量*********

data()

return

    First:true,

    Second:false,

    activeName:'1'

 

,

*********第三部分 方法*********

methods:

handleClick(tab)

if (tab.name ==='1')

      this.First =true

      this.Second =false

    else if (tab.name ==='2')

      this.First =false

      this.Second =true

   

vue切换组件页面重叠

参考技术A 使用laravel更新vue中的数据,而不刷新页面或重叠div 如果您的button在表单中,您可能希望向其添加type="button"属性或阻止表单提交操作。 Add...