热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue如何监听事件动态传至给子组件

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

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



父组件

1
2
3
4
5
6
7
8
9
10
11
12
13
14






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)

      }

    }

子组件



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26


       

       

 props: {

      text: {

        type: Array,

        default: []

      },

      checkedValue: {

        type: String,

        default: ''

      }

    },

    data () {

      return {

        checkedVal: ''

      }

    },      

 created () {

      this.checkedVal = this.checkedValue

      this.$watch('checkedValue', (newquery) => {

        console.log(newquery)

      })

    }



   



推荐阅读
author-avatar
手机用户2602922511
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有