【代码】Vue子组件监听props值变化_应用技术

今天写项目的时候有一个小需求，就是做个拨打电话的框框，由于这个要在组件内部做二次处理，所以下意识在created事件里写了逻辑，运行的时候，发现不更新。把变量放进data里来监听data，也不行。

核心代码

export default {
    props: {
        "isShow": {
            type: Boolean,
            default: false
        },
        strTel: {
            type: String
        }
    },
        data() {
            return {
                //...
                }
        },
        watch: {
            strTel: {
                deep: true, // 深度监听
                handler(newVal, oldVal) {
                    //回调
                    //console.log(newVal, oldVal)
                }
			},
		}
}