Problems of input selection and v-show in vue

one,

1vueinput
   "" input
   ""  v-show  v-show"" 
    input

II,

III,

1, < template >

<div  class="del_button_div clearfix">
    <p v-show="AllChoiceYes" @click="take_All_SKID" class="AllChoice"> 
    <p v-show="AllChoiceNo" @click="no_take_All_SKID" class="no_AllChoice">
    <p @click="delshow" class="del_button"> 
</div>

2, < script >
data () {

return{
    AllChoiceYes:true,
      AllChoiceNo:false,
      selectArr: [],
}

},
methods: {

//
take_All_SKID(){
    $(".choice").prop("checked", true);
    var AllReadlistDel = "";
    //console.log(this.records.length)
    
    //$(".yesorno_svg").prop("checked", true);
    for (var i = 0; i < this.records.length; iPP) {
         //console.log(this.records[i].GoodsList[i].SKID)
        this.records[i].GoodsList.map(item => {
            //console.log(item.SKID)
            AllReadlistDel += item.SKID + ","; 
            //console.log(this.AllReadlistDel); 
        });
    };
    this.AllReadlistDel = AllReadlistDel.substr(0,AllReadlistDel.length - 1);
    this.AllChoiceYes = false;
    this.AllChoiceNo = true;
    console.log(this.AllReadlistDel)
},
//
no_take_All_SKID(){
    $(".choice").prop("checked", false);
    this.selectArr = [];
    this.AllChoiceNo = false;
    this.AllChoiceYes = true;
},