On the conditional rendering of vue

use element-ui to make two tables and use conditional rendering to control switching. It is found that the display is not normal using v-if, but v-show can display and switch normally. The structure of
table is as follows: 

 <!--  -->
        <el-table   :data="tableDataHistory"
                    v-show="enabledBill"
                    v-loading="loading"
                    v-resize="{height:41}"
                    element-loading-text="..."
                    highlight-current-row
                    @selection-change=" handle_selection_change">
            <el-table-column type="selection">
            </el-table-column>
            <el-table-column prop="date" label="">
            </el-table-column>
            <el-table-column prop="date" label="">
            </el-table-column>
        </el-table>
        <!--  -->
        <el-table   :data="tableDataEnabled"
                    v-show="!enabledBill"
                    v-loading="loading"
                    v-resize="{height:41}"
                    element-loading-text="..."
                    highlight-current-row
                    @selection-change="handle_selection_change">
            <el-table-column type="selection">
            </el-table-column>
            <el-table-column prop="date" label="">
            </el-table-column>
            <el-table-column prop="date" label="">
            </el-table-column>
        </el-table>

using v-show, the table can be displayed and switched normally:

v-showv-if:

Why is this?

Vue.js
Jun.22,2022

add a unique key value to each v-if try

my display is normal https://jsfiddle.net/f7qu14ay/1/

Previous: Python tkinter closes the previous toplevel when creating a new toplevel

Next: Django restFramework uses admin background to add new user password encryption problem

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e7cdef-912.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e7cdef-912.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?