![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue组件篇
组件使用
Liszter
找到自己喜欢的东西很重要
展开
-
vue3.0 插槽slot用法 (改了改了,和2.0用法不一样了)
今天在尝试3.0的功能,倒腾了一会写成之前的形式不起作用。现在改成大致这样的形式了建议直接看文档,挺清楚的子组件 <div class="dialog__footer" > <slot name="footer" /> </div>父组件 <template v-slot:footer class="dialog-footer"> footer </template.原创 2021-02-02 16:16:41 · 5037 阅读 · 0 评论 -
echarts 二级下钻地图
echarts 二级下钻地图<template> <div class="map-box"> <div class="echats" :id="id" :style="`width:${width};height:${height}`" v-loading="loading" ></div> <div class="tools-box"> <el-bu原创 2021-04-13 11:49:12 · 416 阅读 · 0 评论 -
vue文件上传组件简易版
简易版组件,适合新手。注释个人认为写的还行<template> <div class="uploader-plus"> <div class="uploader__box"> <!-- 选择文件 --> <div class="uploader__wrapper"> <i class="van-icon van-icon-plus "></i>.原创 2021-01-28 11:26:32 · 161 阅读 · 0 评论 -
vue实现预览pdf组件(vue-pdf插件使用)
组件 PriviewPdf简易版<template> <div class="priview-pdf-img"> <pdf :pdfUrl="pdfSrc"></pdf> </div></template><script>import pdf from 'vue-pdf'export default { name: 'priview-pdf', components: { pdf原创 2020-12-16 16:45:14 · 4865 阅读 · 0 评论 -
vue 实现 tree组件(简易版)
组件 TreeItemTemplate<template> <div> <li> <div :class="{bold: isFolder}" @click="toggle" > {{ item.name }} </div> <ul v-show="isOpen" v-if="isFolder".原创 2020-12-15 16:04:35 · 791 阅读 · 0 评论