点击后defaultEducation的值明明改变了，但props传给子组件却watch不到

父组件

<choice :text="checkdata" ref="choice" @getchoice="onChoice" @cancel="showToggleCancel" :checkedValue="defaultEducation"></choice>


computed: {
      geitfasa () {
        document.addEventListener('tap', function (event) {
          var focusTargetDom = event.target
          if (focusTargetDom.tagName.toLowerCase() === 'input' && focusTargetDom.getAttribute('name') === 'checkdata') {
            this.defaultEducation = focusTargetDom.value
            console.log(this.defaultEducation)
          }
        }, true)
      }
    }

子组件

<input type="radio" :value="item.id" :id="`checkbox_${index}`" :name="item.radioName" v-model="checkedVal" @tap.stop="hideCheck"/>
        <label :for="`checkbox_${index}`" :id="`check_${index}`">
          {{item.name}}
        </label>
        
 props: {
      text: {
        type: Array,
        default: []
      },
      checkedValue: {
        type: String,
        default: ''
      }
    },
    data () {
      return {
        checkedVal: ''
      }
    },       
 created () {
      this.checkedVal = this.checkedValue
      this.$watch('checkedValue', (newquery) => {
        console.log(newquery)
      })
    }