MISS_CJL的博客

参考链接：https://haofly.net/vue-dragscroll/main.jsVue.directive('dragscroll', function (el) { el.onmousedown = function (ev) { const disX = ev.clientX const disY = ev.clientY const originalScrollLeft = el.scrollLeft const originalScr

前言想要表格的高度自适应屏幕，保证table能一屏内展示完。elementUI的版本："element-ui": "^2.14.1",关键代码： <div style="height: 80vh;"> <el-table style="width: 100%;background: transparent;overflow:auto;" v-loading="table.loadi...

echart5移除了内置的 geoJSON（原先在echarts/map文件夹下）。这些 geoJSON 文件本就一直来源于第三方。如果使用者仍然需要他们，可以去从老版本中得到，或者自己寻找更合适的数据然后通过 registerMap 接口注册到 ECharts 中。在旧版本（echart5以下）中我们要画世界地图得引入：import '../node_modules/echarts/map/js/world.js'我是找到旧版依赖中的world.js文件，放到自己建的plugins文件夹..

如有需要在confirm、notify循环添加数据 // 把写的提示信心需要换行的内容写在数组里 confirmText const confirmText = [ '1、回到首页后，实验流程数据将会清空。', '2、实验左下角提示按钮中包含实验介绍内容和实验操作引导视频。'] const newDatas = [] const h = this.$createElement for (const i in confirmText) { .

优雅更新props更新prop在业务中是很常见的需求，但在子组件中不允许直接修改prop，因为这种做法不符合单向数据流的原则，在开发模式下还会报出警告。因此大多数人会通过$emit触发自定义事件，在父组件中接收该事件的传值来更新prop。child.vue:exportdefalut{props:{title:String},methods:{changeTitle(){thi...

下载依赖：npm install js2wordcloudhtml代码<div class="word-cloud-chart"> <div id="chart2" class="word-cloud-bg" > </div></div>css样式.word-cloud-bg{ width: 600px; height: 500px; background: url('../../assets/view.

ant-design-vue版本：~1.3.8需求：表格实现跨行合并，并且在合并完的单元格中显示图片效果图：源码：export default { data() { return { pic95: require('@/assets/produit/95.png'), pic99: require('@/...

原文链接：https://blog.youkuaiyun.com/zqian1994/article/details/82732825Vue获取元素高度.// 当前区域&lt;div ref="elememt"&gt;&lt;/div&gt; // 获取高度值 （内容高+padding+边框）let height= this.$refs.elememt.offsetHeight; ...

前言项目需求是甲方需要导出一个word格式的文件，之前我司用的都是ireport，java后台，怎么说呢，比较繁琐，不是很方便。这一次，由于内容很少，就想完全由前端来生成word。在网上找了很多资料，很多回答说使用的是jquery的第三方插件jquery.wordexport.js。这个插件的 样式不灵活，必须是行内样式。表格的话可以统一设置样式。先放上一张效果图：项目目录结...

原文：vue在less中使用css3 calc 的问题问题描述在less中 calc(100% -4rem) 等带单位混合运算会被less解析忽略单位，全部按照百分比计算，此例中的计算被less编译成calc(96%)。原因分析less的计算方式跟calc方法有重叠，两者在一起有冲突解决方案：width:e("calc(100% - 4rem)");width:c...

由于表格的数据量很小，不劳烦后端再写接口转发链接：https://www.cnblogs.com/secretAngel/p/10277077.html准备工作：　　1、安装依赖：npminstall--savexlsxfile-saver　　2、在放置需要导出功能的组件中引入　　　　import FileSaverfrom'file-saver'imp...

有时候你一个功能模块要在多个地方使用到，这样，我们可以把这个功能模块封装成一个组件，这样有时候就避免不了要父子传参。在Vue中，父组件通过prop给子组件下发数据（向下传递），子组件通过事件给父组件发送信息（向上传递）。如图：父组件：parent.vue<!-- 父组件 --><template> <div> &...

文章参考链接（原文链接）   http://www.cnblogs.com/steamed-twisted-roll/p/9648255.html#commentform最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件引用: npm install --save vue-pdf...