vue
资深老民工
记录工作日常
展开
-
父子传值,使用 provide & reject
优点:不管多少层,都可以直接使用祖父节点的属性和方法注意:1. 如果属性是对象(比如testData2),那么是可以实现响应式变化,即祖父组件改变值,子孙组件都会相应变化2. 如果属性是值(比如testData1),那么直接使用是无法实现响应式变化的,这时可以把testData1在provide里指定为用方法来获取祖父:index.vue父组件:child.vue子组件:child.vue...原创 2022-07-06 15:45:47 · 413 阅读 · 1 评论 -
使用component组件动态加载子组件
第一种:v-for循环component<template> <div class="block"> <component v-for="(item, index) in list" :key="item.id" :is="item.comp" :title="'第'+(index+1)+'个'"/> </div></template>components: { comp1: () =>原创 2021-10-08 15:18:04 · 1724 阅读 · 0 评论 -
使用component组件动态切换子组件
组件:dy1.vue<template> <div style="width: 50%; padding: 10px; border: 1px solid #c0c0c0;"> dy1 </div></template>组件2:dy2.vue<template> <div style="width: 50%; padding: 10px; border: 1px solid #c0c0c0;"&g.原创 2021-10-08 15:09:44 · 358 阅读 · 0 评论