vue父组件调用子组件方法

最新推荐文章于 2024-08-07 14:55:26 发布

清风明月**

最新推荐文章于 2024-08-07 14:55:26 发布

阅读量265

点赞数

分类专栏：前端基础部分文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/DVchengxuyuan/article/details/124932912

版权

前端基础部分专栏收录该内容

6 篇文章 1 订阅

订阅专栏

//父组件
	<view class="hex" @click="hexiaosub">保存主页核销码</view>
	<hwxtPopup ref="hwxt" ></hwxtPopup>
	import hwxtPopup from "../../../subPage/components/hwxtPopup/advertPopup.vue"
	components: {
			hwxtPopup,
		},
methods: {
//保存核销码
			hexiaosub() {
				console.log(1);
				this.$refs.hwxt.onshow()
				this.close()
			},
}
//子组件
	<view class="coneent" v-if="hwxt">
		<view @click="onshow"></view>
		<view class="uni_pop_xl">
			<view class="uni_pop_nl">
				<view>微信扫一扫核销</view>
			</view>
			<view>
				<image src="../../../static/der.jpg" style="width: 280rpx;height: 280rpx;"></image>
				<view>久</view>
			</view>
		</view>
		<view class="immediately" @click="open">保存</view>
	</view>
</template>

<script>
	export default {
		// name: "advertPopup",
		data() {
			return {
                 hwxt:false,
				
			}
		},
		methods: {
			onshow(){
				this.hwxt=true
			},
			open() {
				this.hwxt = false;
				// this.$emit('userData', this.isVisible);
			},


		}
	}