How to hide the elements in the template in vue?

Why is the value changed and v-if is not triggered?
clipboard.png

</button></td>
                </tr></table>`,
            methods:{
                addInput:function(id){
                    this.isInput1 = true;
                    this.isSpan1 = false;
                    console.log(id);
                    
                },
                addSpan:function(e){
                    alert(1);
                },
                showMsg:function(items){
                    console.log(items.name+":"+items.age)
                }
            }
        });

        var vm = new Vue({
            el:"-sharpbox",
            data:{
                title:["","","",""],
                arr:[
                    {name:"",age:"12",habit:"ok",id:"J0002"},
                    {name:"",age:"14",habit:"o12k",id:"J0003"},
                    {name:"",age:"24",habit:"aksjdkas",id:"J0004"}
                ],
                itemId:5,
            }
        })
Mar.30,2021

v-once renders elements and components only once. Data changes will not be rendered


the subject must not find that he has added VLineX, hehe

Menu