yjtt__-CSDN博客

原创使用vue-echarts后给图表添加事件

在vue项目中有时候会用到封装过的echart组件 vue-echarts在图表渲染后可能会有添加鼠标事件的操作在echarts中添加事件是这样的var myChart = echarts.init(chartDom);myChart.on('click', (param) => { // x轴值: param.name // y轴值: param.data // console.log(param) // test alert(pa...

2021-10-18 15:06:26 1621 1

原创 vue中封装svg-icon组件

1.components文件下新建SvgIcon组件文件中的代码<template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName" /> </svg></template><script>export default { name: 'SvgIcon', pr...

2021-08-23 10:16:06 785

原创 vue实现全屏效果

1.绑定点击事件2.在methods写入方法以下为代码ceshiClick(){letelement=document.documentElementif(this.isFullscreen){if(document.exitFullscreen){document.exitFullscreen()}elseif(document.webkitCancelFullScr...

2021-07-30 10:05:20 295

原创 vue中screenfull点击按钮实现全屏（F11）的效果

1.安装依赖npm install --save screenfull2.在需要全屏的文件中引入importscreenfullfrom"screenfull"使用：直接调用方法，会自动判断是否是全屏screenfull.toggle();3.给按钮绑定点击事件在data中声明相对应的变量用来判断是否全屏在methods中声明点击事件相对应的方法...

2021-07-29 15:03:14 1845

原创 git克隆代码报错fatal: unable to access...

从gitlab拉代码的时候，出现报错fatal:unabletoaccess'https://172.24.100.214/intelligent-monitoring-group/ai-ops-client.git/':SSLcertificateproblem:selfsignedcertificate原因：公司gitlab只支持https地址，需要client配置忽略https证书检验解决方案：打开Git Bash运行如下命令export GIT_SSL_...

2021-07-19 11:13:16 2242

原创 element el-tree 默认调用点击事件

在项目中遇到需求，点击表格中的某一个数据，跳转到有树组件的页面，并默认调用一次点击事件在watch中监听树绑定的数据watch: { dataList(val) { if (this.$route.query.source) { if (val) { this.$nextTick(() => { ...

2020-05-06 15:57:16 8794

原创三层结构的数据显示到表格中合并表格行

表格添加合并方法在接口中拿到数据并处理数据，接口返回的数据格式处理数据，处理完的表格数据的结构和正常表格数据结构一样，声明length1，length2，啊，来判断表格第一列和第二列的数据应该合并多少行表格getcompareObjResult() {const query = {hisid: this.$route.params.hisId}c...

2019-10-28 16:40:43 367

原创浏览器记住用户名和密码后，会自动填充到输入框中

解决办法：在增加一个输入框，用来存在浏览器记住的用户名和密码用来填充用户名写在已经有的输入框的下边，密码写在上边

2019-10-14 16:00:06 1909

原创 vue-element-admin模板中导出Excel

开发的模板选用的是vue-element-admin，在开发过程中，遇到了导出excel表格的需求，后台返回的是文件流，但是一直下载下来的却是乱码看着是没有问题的，可出来的结果却是这个样子的后来才发现，虽然在接口那里设置了返回的类型是blob，但是返回的依旧是字符串才发现这里是MockXMLHTTPRequest，原来是项目中引入了mock，mock会覆盖原生的XMLHtt...

2019-05-22 10:30:58 6525

原创 element tree组件根据条件来判断结点的禁用

树形组件的数据中，disabled可以设置结点是否禁用，本来想的是像别的组件一样，给disabled加个判断的条件就可以实现，disabled: type == 1,结果设置后并没有效果，然后又百度看到了别的方法，以函数返回值的形式设置，在method中写函数把返回的值给disabled在我这虽然会设置禁用了，但是数据会全部显示禁用，并没有根据条件去判断，也可能我这里写的有...

2019-05-08 14:11:11 10213 1

原创 element table表格的筛选

在el-table中在具体某一要筛选的列在method中在具体筛选的某一列，一定要加prop，否则在filterChange方法中拿到的value为空

2019-04-10 17:27:24 2177 1

yjtt__的博客