weixin_37582804的博客

1.导入npm install qrcodejs2 --save引用页面导入import QRCode from ‘qrcodejs2’;import html2canvas from “html2canvas”;//下载图片 downLoadQcode(){ //关系图截取 if (!document.getElementById('qrcode').getElementsByTagName('img')[0]) { this.$alert("暂无二维码下

如下：根据类型定义边的颜色1.定义边的样式edge定义多组selector样式根据指定的type值匹配self.cy = cytoscape({ container: document.getElementById('photo'), layout: { fit: false, name: 'concentric',//这是控制图形形状的

https://panjiachen.gitee.io/vue-element-admin/#我们基于vue-element-admin框架可看出官网只支持侧边菜单栏样式，而系统开发时要求基于顶部菜单栏的样式，这个时候就需要进行改造一番。1.@/styles/sidebar.scss 修改.hideSidebar 的样式.hideSidebar { .sidebar-container { width: $hideSidebar !important; //默

首先在模板页最外层标签添加绑定< template v-loading=“loading”>导入import {Loading} from ‘element-ui’定义字段初始值：loading: false加载调用startLoading() {this.loading =Loading.service({lock: true,// text: ‘加载中倒计时：...

1.vue中我们用于页面跳转有三种方式第一种：相当于get请求，参数会直接带在地址栏后path+query,path是路由的全路径。接收页面用this.$route.query.feature来获取第二种：相当于post请求，参数不会直接带在地址栏后name+params接收页面用this.$route.params.feature来获取第三种：利用vuex来存储调转时页面的参数，...

1.路由中直接写的菜单children: [{path: ‘updatePassword’,name: ‘修改密码’,component: () =>**import ( /webpackChunkName:‘updatePassword’ / ‘@/views/user/updatePassword’),meta: { title: ‘修改密码’, icon: ‘updateP...

在vue中我们遇到这种不是表格的自定义的列表展示时，需要自己定义复选框时的需求按钮当前页面全选和取消按钮< el-button size=“small” :type=“checkStauts()” @click=“handleAll(status)” style=“margin-left: 30px;” icon=“el-icon-edit”> {{statustrue?‘全...

在需求中我吗们要实现这样的功能即在一个功能中对于查询的结果跳转到另一个功能实现多开的时候这个用到vue中路由动态根据路径加载从而达到多开的需求1.首先我们在配置路由菜单时需要给路径后加匹配id从数据库查询的动态菜单也可以在获取时拼接：id达到这样的效果2.在匹配页面进行更新菜单名的操作并且更新路由3.在调用页面push进调用地址首先是拼接路由的路径，每个结果拼接需要跳转的地址和特...

< el-form-item prop=“verifycode” style=“line-height:0px;”>< el-input v-model=“loginForm.verifycode” placeholder=“请输入验证码” class=“identifyinput” style=“width:150px;”>< /el-input>...

“jquery”: “^3.4.1”,“cytoscape”: “^3.8.2”,“cytoscape-context-menus”: “^3.0.0”,“cytoscape-cose-bilkent”: “^4.1.0”,“cytoscape-spread”: “^3.0.0”,安装：npm i cytoscape --save2.在main.js引入import cytosc...

< el-date-picker v-model=“listQuery.occurTimearr” type=“datetimerange” :picker-options=“pickerOptions” unlink-panels start-placeholder=“开始日期”end-placeholder=“结束日期” :default-time="[‘00:00:00’,...

v-html :使用 v-html 指令用于输出 html 代码;v-bind:class="{‘class1’: use}" 可用于绑定样式 简写:class.class{background:#000;}v-bind:style="{ color: activeColor, fontSize: fontSize + ‘px’ }var url=“http://www.baidu....

实现表格中当多选多个下载后实现全部下载浏览器本身只支持一个下载，当多个下载时只下载第一个，后续的下载会拦截，因此需要实现多个a标签同时下载需要< el-dialog :title="‘下载列表’" v-dialogDrag v-if=“dialogFormVisible” id=“monitorStyle-importantResult” :visible.sync=“dialog...

1.el-dialog中添加 :close-on-click-modal="false"可以防止点击空白处弹框自动关闭< el-dialog :title="‘设置分析条件’" v-if=“dialogFormVisible” v-dialogDrag :visible.sync=“dialogFormVisible”id=“face_dialog-user” :close-on-c...

实现的样式如下主要用到element中的tree标签<el-treeref=“tree”:data=“listMenu” //展示的数据:default-expand-all=“false” //默认不展开show-checkboxnode-key=“id”//如果需要通过 key 来获取或设置，则必须设置node-keyhighlight-current:render-...

element官网中<el-autocompletestyle=“width: 250px;”class=“inline-input”popper-class=“poperstyle”v-model=“mapdevice”:fetch-suggestions=“querySearch”placeholder=“输入设备名称/位置”:trigger-on-focus=“fals...

this.charts.setOption({ // tooltip: { // trigger: 'item', // formatter: "{a} <br/>{b}: {c} ({d}%)" // },// legend: {// orient: 'vertical',// x: 'left',// data:['直接访...

vue实现文字无缝滚动使用vue-seamless-scroll实现文字的无缝滚动使用vue-seamless-scroll实现文字的无缝滚动1.安装与使用命令行执行：npm install vue-seamless-scroll --save2.在需要引用的vue页面引入![Alt]链接: link.3.引用4.如果滚动中有点击事件需要用到事件托管，否则第一屏未滚动完，第二...