VUE3组件开发——下拉菜单(DropDown)

VUE3组件开发——下拉菜单(DropDown)

这个组件主要是实现下拉多级列表的形式

1. 环境

主要用到的环境是VScode+TS+VUE3+Bootstrap

2. 代码

这里主要就是判断是不是点击打开了下拉菜单的部分，让它显示多级列表

2.1 组件

DropDown.vue

<template>
<!-- 写了样式也不骑作用 -->
<div class="dropdown" style="{display: inline-table}">
    <a href="#" class="btn btn-outline-light my-2 dropdown-toggle"  :style="{color :'black', fontSize: '18px'}">{
  {title}}</a>
    <!-- <ul class="dropdown_menu" :style="{display: 'block'}" v-if="isOpen"> -->
    <ul class="dropdown_menu" :style="{display: 'block'}">
    <li class="dropdown-item">
        <a href="#"  :style="{color :'bla