当前位置: 代码迷 >> 综合 >> Vue 组件之间传值、调用组件的函数
  详细解决方案

Vue 组件之间传值、调用组件的函数

热度:65   发布时间:2023-10-10 20:17:07.0

传值:

组件:

@Component({props: {photoLists: {}}
})

调用组件:

.ts

private photoLists = [];

.vue

<photograph showAlbum="false" :photoLists="photoLists"></photograph>

调用函数:

.vue

<div class="photoDiv"><span class="icon iconfont icon-uploadphoto camera" @click="showPopup"></span><photograph showAlbum="false" ref="photograph"></photograph> // 组件
</div>

.ts

private showPopup() {(this as any).$refs.photograph.showType();   // showType是photograph中的函数}

 

  相关解决方案