![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
A于情
分享
展开
-
vue 图片拖拽移动缩放
问题描述:因”Viewer“插件功能在软件内嵌入的web页面不兼容,无法移动。(IE内核)由于调试困难,浏览器运行正常,软件中无法使用,不报错捕获不到异常;然后各种查询资料各种造轮子,最终完成了功能;- **代码**在页面引入组件<previewPicture :imgUrl="showFileList.Url" :src="showFileList.Url"></previewPicture>对应组件代码 <div class="main">..原创 2021-07-07 15:51:37 · 1472 阅读 · 0 评论 -
vue+element 模态框内容添加回到底部,顶部
问题,自己再项目中有回到顶部底部组件,在模态框中缺无法使用,怎么监听dom滚动条都无济于事;首先都是在挂载函数里面添加了监听 mounted() { // window.addEventListener("scroll", this.handleScroll,true); // 监听(绑定)滚轮滚动事件 },但是这样只能监听到body的滚动,当模态框弹出,我仔细检查发现,element 把body的滚动条直接隐藏,而是模态框里面的滚动条,所以在这个里面监听不到任何数原创 2020-12-28 13:56:43 · 850 阅读 · 0 评论 -
Vue+element 的上传组件 on-change 只触发一次问题
前言:今天刚好接到一个需求,上传文件到oss 不要手动点击上传按钮,想选择文件就直接上传,然后再文件能上传后发现,再次上传的时候并不会再次触发onchange 方法;当你再次点击选择文件后,并不会打印;我网上找了下,有人用v-if组件销毁 创建来解决,我觉得这个并不怎么合适,因为当你直接点击取消的时候捕获不到事件,又看到一个原生用input的来清空值;结合了一下,这个方法。通过vue的ref给上传组件,然后再打印内容里面我发现,当你选择了一个文件以后,这个地方就已经存在值了。且没有替原创 2020-11-16 16:35:05 · 6629 阅读 · 12 评论 -
vue + echart 之热力图,关系图
注意:在默认引入echart 包的时候并没有关系图表,需要自己手动去官网自定义下载。我这边就是这么操作的1.引入2.使用//初始化图表initGraph() {var chart = echarts.init(this.$refs.graph)var graph = this.ChartData;var newArr = this.ChartData.no...原创 2019-12-05 11:34:27 · 2127 阅读 · 0 评论 -
vue + echarts 显示图表
1.首先在项目里面main.js全局引入echarts,或者在index.html里面自定义引入外部的echarts定制包文件,可以根据自己项目需求定制打包文件。import echarts from 'echarts' //我这边是在项目图表组件中引入(贴饼图演示文件),如图2.对数据进行处理之后2.条形统计图引入之后数据处理根据自己组件传过来的值进行...原创 2019-12-05 11:18:00 · 1520 阅读 · 0 评论