需求是tree组件实现新增与删除节点的功能，在查阅了很多文章之后，缝缝补补实现了功能 npm install @xunlei/vue-context-menu --save <div id="dataPage"> <el-tree id="el-tree" :data="flowTree.root" :props="flowTree.props" @node-click="sel…
vue + ElementUI点击导航栏跳转页面是可以正常跳转高亮的，但通过页面内点击按钮跳转页面就会导致侧边栏不知道该选中哪个了（哪个处于高亮状态）？ （遇到了这个问题，也从网上搜了一些解决办法，结合自己的项目整合了下） 解决办法如下： 侧边栏代码如下： Sidebar.vue <template> <div class="sidebar"> <el-m…
1.效果图如下 2.vue代码如下 indicator-position="none" :autoplay="false"> class="deleteStyle"> {{items.b_nickname}} 3.修改的样式 .el-carousel__item.el-carousel__item--card.is-in-stage { text-align: center; } /*…
首先看一下效果 接下来说一下实现步骤： 首先需要下载echarts依赖执行命令 npm install echarts --save 然后再项目的公共组件文件夹内创建你的图表组件文件 <template> <div class="pie" ref="percent"></div> </template> <script> import …
目录 1、v-cloak 2、v-text与v-html 3、v-bind属性与v-on事件 v-bind：使用v-bind进行绑定属性 v-on：使用v-on或者@进行绑定 4、事件修饰符： 5、v-model双向数据绑定 6、vue中的样式 class样式: class属性值直接传递一个数组: class属性值传递data属性的绑定数据 style样式: 7、v-for和key 8、v-…
前言 公司的项目中需要对数据做可视化处理，高级点的D3.js目前还没接触到，因此选用了大众化的Echarts, 在vue的生态系统中已经有实现好的vue-echarts，但是使用现成的就意味着必须使用它定制好的数据结构，我也没办法对他进行一些修改。我个人也偏向于原生JS编程，因此没有采用，而是自己在vue中实现了对数据的可视化处理，先来看看效果图 以下数据已做脱敏处理 echarts Bar.pn…
我的环境 * JDK 1.8 * maven 3.6.0 * node环境 1.为什么需要前后端项目开发时分离，部署时合并？ 在一些公司，部署实施人员的技术无法和互联网公司的运维团队相比，由于各种不定的环境也无法做到自动构建，容器化部署等。因此在这种情况下尽量减少部署时的服务软件需求，打出的包数量也尽量少。针对这种情况这里采用的在开发中做到前后端独立开发，打包时在后端springboot打包发布时…
一、需求分析 在我们写前端页面的时候，大部分时候是不需要用到第三方字体的，但如果是面向C端的页面，比如宣传页，就有可能会引入第三方字体，主要还是看UI设计师咋想了，此时我们可以通过让UI将特殊字体切成图（最简单的解决方案）来解决，但是这样很麻烦，而且不方便调整样式。那么我们就可以使用第二种方案了：让UI导出字体文件(.ttf / .TTF)，然后我们以第三方字体的形式来进行引入。 二、解决方案 1…
本地启动自己代码服务,看自己代码样式 参考视频 部署 https://www.bilibili.com/video/BV1UA411F7Mr 参考视频 如何在全球范围提升网站访问速度 https://www.bilibili.com/video/BV1xy4y1s73g 参考文章 https://www.bbsmax.com/A/QV5Zon3Zdy/ F:\vuetest\vue-manager…
项目场景： bug描述：在一个vue页面中，有异步数据请求的方法正在执行，此时切换到其他vue页面后，该异步请求不会停止。 之前写项目时，没有注意到vue路由切换后，还没执行完毕的异步请求并没有随着页面的切换而结束。 用户在当前访问页面中，异步请求的数据还没抓取完跳转到其他页面时，这个异步请求并不会终止，这对web性能和用户体验有着不小的影响。 解决思路 方法：利用axios的cancelToke…