前言：在开发组件的时候，点击组件外部隐藏组件自身的这种情况很长见到，例如：时间选择框组件，下拉选件等。
示图：点击外层元素隐藏自定义下拉框
代码如图中所写：
核心：
1、最外层div中添加一个@click.stop（取消事件冒泡），可以不添加事件名。2、在mounted给body添加一个点击事件，事件触发组件的隐藏。
前言：在开发组件的时候，点击组件外部隐藏组件自身的这种情况很长见到，例如：时间选择框组件，下拉选件等。
示图：点击外层元素隐藏自定义下拉框
代码如图中所写：
核心：
1、最外层div中添加一个@click.stop（取消事件冒泡），可以不添加事件名。2、在mounted给body添加一个点击事件，事件触发组件的隐藏。
前言：在开发组件的时候，点击组件外部隐藏组件自身的这种情况很长见到，例如：时间选择框组件，下拉选件等。 示图：点击...
1、component全局组件 2、局部组件 A、定义局部组件 B、局部组件需要到Vue中声明引用 3、外部向组件...
Vue组件 一、组件介绍 每一个组件都是一个vue实例 每个组件均具有自身的模板template，根组件的模板就是...
Vue组件 一、组件介绍 每一个组件都是一个vue实例 每个组件均具有自身的模板template，根组件的模板就是...
# 目标 如上图： 点击 父组件 的 显示/隐藏子组件 按钮可控制子组件的显示 点击 子组件 的 给父组件传值 ...
unplugin-vue-components插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中...
App.vue中隐藏系统tabbar 创建tabbar组件 页面引用tabbar组件
Vue-resource 安装 配置 【main.js】 使用 【app.vue】 外部组件 把数据传递给子组件 ...
vue点击相同子组件调用父组件不同方法 应用场景 比如：不同的父组件用了相同的分页组件，但是点击分页组件时需要触发...
应用场景：组件获取 props 外部数据后，需要修改数据。 Vue 规定：组件不能修改 props 外部数据；$e...
本文标题：Vue 点击组件外部隐藏组件自身
本文链接：https://www.haomeiwen.com/subject/qpofqctx.html
网友评论