如果条件为真，如何隐藏和检查单选按钮

Question

Hy开发人员，请问我有一个vuejs代码，如果row.callback_phone以05开头，或者如果callback_phone编号为空，则隐藏div，我希望收音机能够对其进行检查。请在下面输入我的代码。

<div class="row space">
    <div class="col-md-1">
        <input  type="radio" name="inp" :value="row.callback_phone" :checked="checkcall" :disabled="checkInputFunction2" >
    </div>
<div class="col-md-11">
    <label class="mol" >שלח למספר שהלקוח השאיר ({{ row.callback_phone}})</label>
</div>
</div>

我的脚本在下面

 computed:{
        checkcall(){
             if(this.row.callback_phone.substring(0,2)=='05'){
                return true;
            }else{
                return false;
            }
        }

Answer 1

您的代码对我来说很好。我在下面添加了一个带有<input type="text />的代码段，可让您更改row.callback_phone，然后当您键入以05开头的值时，单选按钮将变为选中状态。

new Vue({
  el: "#app",
  data: () => {
    return {
      row: {
        callback_phone: ""
      }
    }
  },
  computed: {
    checkcall() {
      if (this.row.callback_phone.substring(0, 2) == '05') {
        return true;
      } else {
        return false;
      }
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div id="app">
  <div class="row space">
    <div class="col-md-1">
      <input type="radio" name="inp" :value="row.callback_phone" :checked="checkcall">
    </div>
    <div class="col-md-11">
      <label class="mol">({{ row.callback_phone}})</label>
      <input type="text" v-model="row.callback_phone" />
    </div>
  </div>
</div>