如图为自己写的下拉框, 点击头部可实现控制下拉框盒子的显示与隐藏, 但是点击除了头部与下拉框以外的区域, 也需要关闭下拉框盒子, 实现方式如下:
html代码:(stop修饰符是用来阻止事件冒泡)
<template>
<div class="root">
<div class="dropdownMenu">
<div class="top"
如图为自己写的下拉框, 点击头部可实现控制下拉框盒子的显示与隐藏, 但是点击除了头部与下拉框以外的区域, 也需要关闭下拉框盒子, 实现方式如下:
html代码:(stop修饰符是用来阻止事件冒泡)
<template>
<div class="root">
<div class="dropdownMenu">
<div class="top"