vue2里如何在props有值了后再触发?
在Vue2中,可以通过watch属性来监听props的变化,并在变化后执行相应的操作。具体实现方法如下:
- 在组件中定义props属性,并设置默认值
props: {
propA: {
type: String,
default: ''
}
}
- 在组件中定义watch属性,监听props的变化
watch: {
propA: function(newVal, oldVal) {
// 在propA变化后执行相应的操作
console.log('propA has changed to', newVal)
}
}
- 在父组件中传递props值
<template>
<my-component propA="hello"></my-component>
</template>
在上述代码中,当父组件传递propA值为"hello"时,watch属性会监听到propA的变化,并执行相应的操作,即输出"propA has changed to hello"
原文地址: https://www.cveoy.top/t/topic/fshT 著作权归作者所有。请勿转载和采集!