效果，该组件使用了 Element 的一些 icon 图标，以及 过渡动画 el-collapse-transition具体使用方法，主要使用方法 provide ，inject，this.$children 和 _uid （vue中无论递归组件，还是自定义组件，每个组件都有唯一的_uid）<!-- 折叠组件 --><navigation-bar v-model="barName

raggable为基于Sortable.js的vue组件，用以实现拖拽功能。官网：vuedraggable特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，可以抛出所有变化可以和现有的UI组件兼容安装npm install vuedraggable引入import draggable f

使用 uni-app 提供的数据缓存 api uni.setStorageSync(‘token’, ‘res.data.data’); 保存tokenlogin() {uni.request({url:this.apiUrl+"api/index/login",method:'POST',// 传参data:{telphone:this.telphone,password:this.passwo

出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的解决办法 只需要延迟初始化就可以，也就是你的 option 使用 this.$nextTick(function () { })延迟执行optionPie() {this.$nextTick(function () {// 通过id获取获取画布const myChart = echarts.init(document.ge

实现效果 设置表格边框需要分三个部分设置 即头部 单元格以及最外层边框头部 设置 使用 :header-cell-style="{color:‘black’,borderColor:‘black’}" 以及 size=“small” 并添加方法:cell-style=“cellStyle”<el-table bordersize="small":data="tableData"

Drawer 抽屉 默认宽度为30%，想要改变宽度只需要使用 :size=“size” 给组件传值就可以了<el-drawer title="我是标题" :visible.sync="drawer" :with-header="false" :size="size"><span>我来啦!</span></el-drawer>data() {retur

使用插件 vue-puzzle-vcode，安装方法如下npm install vue-puzzle-vcode --save使用方法如下，更多参数请查看 官网<template><div><Vcode :show="isShow" @success="success" @close="close"></Vcode><button @click

以 Element UI 中的 el-table-column 举例，创建 js 文件，引入 Element，使用 extends 继承import { TableColumn } from 'element-ui';export default {name: 'TableColumn',extends: TableColumn};

首先：在 common 文件夹下面创建 print.js 文件 代码如下// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) {if (!(this instanceof Print)) return new Print(dom, options);this.options = this.extend({'no

使用transform设置 scale 进行放大缩小，使用 transformOrigin定位基点，在 data 中定义变了 scal 为 1// 放大enlarge() {this.$nextTick(() => {// imageWrapper 获取元素let imageWrapper = document.getElementById('imageWrapper');this.scal