vue2里父组件给子组件传值可以做延时处理吗,请举例具体代码
时间: 2023-05-18 19:07:22 浏览: 307
vue-prop父组件向子组件进行传值的方法
可以做延时处理,可以使用 setTimeout 函数来实现。以下是一个示例代码:
父组件:
```
<template>
<div>
<ChildComponent :prop1="prop1" />
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent,
},
data() {
return {
prop1: null,
};
},
mounted() {
setTimeout(() => {
this.prop1 = 'Hello from parent component!';
}, 1000);
},
};
</script>
```
子组件:
```
<template>
<div>
{{ prop1 }}
</div>
</template>
<script>
export default {
props: {
prop1: {
type: String,
required: true,
},
},
};
</script>
```
在这个示例中,父组件在 mounted 钩子函数中使用 setTimeout 函数来延时设置 prop1 的值,子组件通过 props 接收 prop1 的值并显示在页面上。
阅读全文