- 博客(11)
- 收藏
- 关注
RSS订阅
1原创 vue配合element-ui写动态面包屑
<template> <div class="tagswrapper"><el-breadcrumb separator="/"> <el-breadcrumb-item v-for="(item,index) in breadList" :key="index" :to="{ path: item.path }" >{{item.name}}</el-breadcrum..
2022-05-30 16:17:42
196
原创 vue项目实例中用query传参实现跳转效果
vue中已element-ui为例，写带参跳转很方便<el-table :data="tables" style="width: 100%; cursor: pointer" :class="tableData.length > 0 ? '' : 'casesList'" :cell-style="{'text-align':'center'}"
2022-05-27 16:37:32
1206
原创 ElementUI实现表格增删改查
<template> <div style="padding: 20px"> <!-- <el-header>Header</el-header> --> <div> <main class="h-full pb-16 overflow-y-auto"> <div class="container grid px-6 mx-auto"> ...
2022-05-25 17:44:08
740
原创 vue+element+axios tebel表格的增删改查
<template> <div style="padding: 20px"> <div> <main class="h-full pb-16 overflow-y-auto"> <div class="container grid px-6 mx-auto"> <div style="position: relative"> <a ...
2022-05-25 17:40:14
529
原创 vis network另一种风格UI
style 中有使用 less，所以需要安装一下； npm install vis --save npm install less less-loader --save 注意：在安装less和less-loader后使用会常常报错！原因：less-loader 版本的版本问题和npm不兼容会一直报错解决方法：先卸载安装过的less-loader，以免有剩余残留导致后面报错，在安装less-loader与npm的兼容版。npm uninstall less-load...
2022-05-18 16:41:15
171
原创 前端element-ui中图片oss直传到阿里云
template中的内容：<template> <el-upload class="avatar-uploader" action="" :show-file-list="false" :on-success="handleAvatarSuccess" :http-request="Uploadfile" > <img v-if="pictureUrl.trim() != ''" :s
2022-05-18 16:28:59
320
原创 vue点击快捷复制内容
1首先.npm进行安装 、也可去官网clipboard.js — Copy to clipboard without Flash 看看npm install clipboard --save 2.在需要使用的组件中import引用方法：import Clipboard from 'clipboard';3.内容页面<p class="mask-address">{{ address }}</p><button class="copy" @clic
2022-05-18 16:24:06
78
原创 在VUE中上传Excel文件的常规写法与坑
<template> <el-upload class="upload-demo" ref="upload" action="http://172.30.8.131:8081/chain-api/suspects/upload" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" :auto-upload="false" .
2022-05-18 16:19:04
581
原创 vue使用Vis.Network制作图谱
//首先要加载VISnpm install vis --save//在main.js中引入配置项import "vis/dist/vis.css"//在使用的页面引入该组件import Vis from "vis";//在template中的部分<!--width,height 画布的宽度，高度。 可以是百分比或像素，一般在dom元素上设置 --> <div id="network_id" class="network" style="height: 500..
2022-05-18 16:15:55
870
原创 画布的网格背景设置
<div class="content"></div>css代码.content { width: 100%; height: 100%; background: linear-gradient( 90deg, rgba(206, 214, 224, 0.32) 1px, transparent 0 ), linear-gradient(rgba(206, 214, 224, 0.32) 1px, transp.
2022-05-18 16:05:24
209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人