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

传值：

组件：

@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中的函数}

Vue 组件之间传值、调用组件的函数相关推荐

Vue组件之间传值/调用方法的几种方式
组件之间传值/调用方法的几种方式 (一)父组件向子组件传值==props 1.在父组件中使用子组件的地方绑定数据 <children :message="message"&g ...
使用vuex对兄弟组件传值_Vue 组件之间传值(父子组件传值，vuex传值)
父子组件传值在父组件中改变子组件里的数据 //父组件点击事件 clickFunc(){//若更新子组件里a的值 this.$refs.son.a = 'xx';//若调用子组件里b方法 this.$ ...
vue父子之间传值子组件向父组件传值或父组件向子组件传值
1.父组件向子组件传值使用prop 在子组件中定义 props: {visible: {type: Boolean,default: false},ShopListData: {type: Arra ...
vue子组件和父组件之间传值方法
父组件向子组件传值(prop-主要用于传递数据) 父组件向子组件传值分为两步: 1.父组件动态绑定一个需要传递的值 2.子组件在props属性中获取到父组件中传递的值,并使用例子父组件: 在父组件 ...
vue组件之间传值几种方法
方法一.父子组件传值通过props向下传递父组件 <div class="menu_header"><Menu :msgChild="msg1&qu ...
React组件之间传值
前言今天群里面有很多都在问关于 React 组件之间是如何通信的问题,之前自己写的时候也遇到过这类问题.下面是我看到的一篇不错英文版的翻译,看过我博客的人都知道,我翻译可能不会按部就班,会尽可能用中 ...
react组件之间传递信息/react组件之间值的传递
react组件之间传递信息/react组件之间值的传递首先咱们先来了解一下,数据是怎么进行相互间传递的; api和组件的区别:一个是逻辑层的方法函数,一个是表现层的组件(方法函数). api是一组预 ...
vue 父子组件传值以及方法调用，平行组件之间传值以及方法调用大全
vue项目经常需要组件间的传值以及方法调用,具体场景就不说了,都知道.基本上所有的传值都可以用vuex状态管理来实现,只要在组件内监听vuex就好. vue常用的传值方式以及方法有: 1. 父值传子( ...
vue组件之间传值的几种方式
vue组件传值父子组件之间传值.几种常见方式第一种方式(父传子) 父组件 <m-child :childMsg="parentMsg"></m-child&g ...
vue组件之间传值方式方法---实战面试篇
vue组件之间传值方式方法 vue组件传值 vue组件化什么是组件化? vue组件通讯父组件向子组件传值子组件向父组件传值兄弟组件传值总结 vue组件传值最近准备面试跳槽.说到前端面试,有 ...

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

传值：

调用函数：

Vue 组件之间传值、调用组件的函数相关推荐

最新文章

热门文章