小程序,vant和echarts层级覆盖问题(canvas会覆盖这些组件)

刚开始时用z-index调试层级   无论调试vant 还是echarts 都不管用 

最后退而求其次     想到wx:if      使用wx:if控制echarts显隐来解决

    <!-- 下拉菜单 -->     
      <van-dropdown-menu active-color="#1989fa" >
        <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}"   
            bind:open="handleOpen" bind:close="handleClose"/>
      </van-dropdown-menu>

    <!-- 下拉菜单 -->  
    <canvas wx:if="{{!echartsShow}}" style="width:100%; height: 100%;"></canvas>




js部分
   
     data: {
        echartsShow:false,
      }

     //打开菜单栏时
      handleOpen(){
        this.setData({
          echartsShow:true
        })
      },
     //关闭菜单栏时
      handleClose(){
        this.setData({
          echartsShow:false
        })
        this.drawChart();  // 重新调用一下图表函数
      },