![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小胡仙
有两只小可爱的大可爱~~
新增一只小泰迪~~
展开
-
vue导出Excel
【代码】vue导出Excel。原创 2023-10-31 11:52:36 · 159 阅读 · 0 评论 -
循环新增、删除层级
新增一层,同时在下一层的下拉框里,可以选择这一层的内容删除一层,删除这一层和下拉框里对应的选择项原创 2022-07-29 15:22:33 · 331 阅读 · 1 评论 -
vis节点等距展示
展示:重要代码:nodes:{ mass: 4, // 节点之间的排斥力},edges:{ smooth: { enabled: true, type: "continuous", roundness: 0.8 },}全部代码:<template> <div> <div class="visBox"> <div id="mynetwork"&.原创 2021-08-09 15:12:43 · 559 阅读 · 0 评论 -
vis筛选
效果:代码:<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div class="visBox"> <div id="mynetwork"></div> <div v-if="this.isTitle" class="visTitle">{{th原创 2021-08-03 11:47:00 · 161 阅读 · 0 评论 -
vis设置某一个节点icon不一样(img、样式同理)
效果:代码:<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div class="visBox"> <div id="mynetwork"></div> <div v-if="this.isTitle" class="visTitle">{{.原创 2021-07-28 11:12:11 · 754 阅读 · 0 评论 -
vue下载、引入vis
1.先了解下官网文档英文文档:https://visjs.org 中文文档:https://ame.cool/pages/a7d858/ 实例:https://visjs.github.io/vis-network/examples/2.用npm安装npm install --save vis-network3.在你要使用vis的页面应用const vis = require("vis-network/dist/vis-network.min.js");require("vis原创 2021-07-26 11:12:50 · 1039 阅读 · 0 评论 -
vis使用icon
1.页面中引用import 'font-awesome/css/font-awesome.min.css'2.options中配置shape: 'icon', // 节点的外观icon: { face: 'FontAwesome', code: '\uf2bb', weight: 5, size: 40, color:'#2B7CE9'}3.code在哪里寻找? 1)打开FontAwesome 2)F12选中d...原创 2021-07-26 15:45:03 · 377 阅读 · 0 评论 -
vis使用icon 刷新加载不出来
加载顺序问题,在div前写个i<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div id="mynetwork"></div> </div></template>上一篇:vis使用icon原创 2021-07-26 16:03:33 · 183 阅读 · 0 评论 -
vis教程(加动画、加点击事件)
效果:代码:<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div class="visBox"> <div id="mynetwork"></div> <div v-if="this.isTitle" class="visTitle">{{this原创 2021-07-27 17:11:59 · 1653 阅读 · 2 评论 -
Cannot read property ‘match‘ of undefined解决办法
npm install的时候报错Cannot read property 'match' of undefined,直接把package-lock.json删除在重新npm install就可以了原创 2021-07-26 10:46:03 · 3417 阅读 · 2 评论 -
Echarts关系图
效果图代码:<template> <div> <div id="echart" style="width:100%;height:600px;"></div> </div></template><script>import * as echarts from 'echarts';export default { data () { return { } },.原创 2021-07-22 18:14:45 · 951 阅读 · 3 评论 -
词云E charts
效果展示:1.安装echartsnpm run --save echarts2.安装echarts-wordcloudnpm run -save echarts-wordcloud3.创建option.jsexport const productTopOption = (ProductTopList) => { return { title: { show: false, x: 'center', textSty.原创 2021-07-21 10:27:28 · 164 阅读 · 0 评论 -
Vue的router跳转问题
1.重复跳转报错问题在router=>index.js中添加//解决router重复点击报错的问题const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}2.怎样才能允许重复跳转(跳转相同路由时,刷新当前路由)原创 2021-07-19 10:35:25 · 334 阅读 · 0 评论 -
iView合并单元格
这个就是一个深坑,记录一下开始我的思路是,整理数据合并单元格,代码如下(可跳过,不报错,但是不能实现)<template> <div> <Title name="家族树" /> <div v-for="item in this.resData">{{item.name}}--{{item.mergeCol}}</div> <Table :context="self" :colu原创 2021-07-13 20:26:24 · 837 阅读 · 0 评论 -
打包Tar包
1.正常的打包npm run build2.进入distcd dist3.打包tar包tar -cvf 名字.tar *原创 2021-07-09 17:06:18 · 1532 阅读 · 0 评论 -
在vue中使用wangEditor富文本编辑框
npm安装npm i wangeditor --save创建wangEditor.vue<template> <div class="home"> <div id="demo1"></div> </div></template><script>// 引入 wangEditorimport WangEditor from 'wangeditor'export default { props原创 2021-02-23 15:14:34 · 367 阅读 · 0 评论 -
vue实现用户长时间不操作,自动退出登录
src文件夹下新建judge文件夹在judge文件夹下新建storage.jsexport default { setItem (key, value) { value = JSON.stringify(value) window.localStorage.setItem(key, value) }, getItem (key, defaultValue) { let value = window.localStorage.getItem(key) // .原创 2020-12-09 17:07:11 · 970 阅读 · 0 评论 -
vue引入html报错
报错截图解决办法终端打开项目Mac输入:sudo npm install --save-dev html-loaderwin输入:npm install --save-dev html-loader打开build里的webpack.base.conf.js找到module,添加{ test:/\.html$/, loader:'html-loader'}原创 2020-08-19 14:54:39 · 888 阅读 · 0 评论 -
关于element ui里的多选反选表格的问题(toggleRowSelection)
不想看过程的可以直接后面大家可以先看下文档的效果文档链接element官方文档需求是希望进来默认能选择上次选中的东西,如下图:大概看了下例子,直接开始上手改装(不太好的毛病,大家还是仔细看文档)一顿操作猛如虎,一看反选选不上,奇怪了具体代码如下:<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" max-height="250" size="mini" bor原创 2020-07-29 17:26:44 · 3047 阅读 · 5 评论 -
elementUI表格的上移、下移、删除(数组的上移、下移、删除)
想要的样子大家不要在意内容名称是否能对上的了,就是个例子,使用的话,model还需要改一下哈????<el-form-item label="测评量表:"> <el-button type="primary" icon="el-icon-plus" size="mini">添加量表</el-button> <el-table :data="tableData" border style="width: 80%" size原创 2020-07-14 11:27:42 · 1407 阅读 · 0 评论 -
基于“elementui菜单页配置和组件的简单封装”导航的优化
之前那篇文章里的导航是都有二级导航的,具体可看这里这篇是优化的,有一级有二级,如图话不多说,代码如下<el-menu :default-active="this.menu" router unique-opened class="el-menu-vertical-demo" align="center" background-color="#49abf8" text-color="#fff" active-text-color="#fad473"> <template v-fo原创 2020-07-07 20:37:00 · 806 阅读 · 0 评论 -
elementUI table合并多行单元格
<el-table :data="tableData" :span-method="objectSpanMethod"> <el-table-columnprop="aspect" label="考察方面"></el-table-column> <el-table-column prop="content" label="具体内容...原创 2020-04-13 16:32:31 · 1738 阅读 · 0 评论 -
elementui菜单页配置和组件的简单封装
先上一段需求(可以对照下自己需求是否符合)elementui的导航页的简单封装有左侧导航条,头部,还有内容部 登录页<template> <div> <el-row :gutter="20"> <el-col :span="12" :offset="6" class="textCenter logoTitle">登...原创 2019-10-30 10:50:05 · 1127 阅读 · 1 评论 -
elementUI table组件简单封装(包括行点击事件和操作按钮事件)
行点击事件table组件<template> <div> <el-row> <el-col :span="24"> <el-table :data="tableData" v-loading="load" @row-click="tableDetails"> ...原创 2019-10-30 10:17:49 · 3073 阅读 · 0 评论 -
elementUI中table改变边框颜色
.el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{ border-color: black; }.el-table--border::after, .el-table--group::after, .el-table::before{ background-color: black;}....原创 2019-09-04 11:30:02 · 37269 阅读 · 11 评论 -
vue打包后字体图标显示小方块
解决方法:修改build下的utils.js如图:没有这句话的添加一下就好原创 2019-07-17 10:15:02 · 2235 阅读 · 9 评论 -
stylus安装与配置
npm install stylusnpm i stylus-loader -Dwebpack配置(vue2.0不需要配置) 打开build中的webpack.base.conf.js 在module中写{ test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader'}使...原创 2019-05-14 13:45:00 · 3876 阅读 · 0 评论