uniapp加载本地字体包思源黑体,并解决字体包太大报错问题 当字体包文件太大,比如我这思源黑体达到了7M,甚至十几M,便会报错RangeError: Maximum call stack size exceeded
Uniapp打包到app后报错request:fail abort statusCode:-1 java.security.cert.,跳过ssl验证,解决https问题 问题:uniapp项目运行到H5的时候都没问题,但打包成app后,就会报错,因为客户环境是https的,导致接口不通,也试过很多网上说的自己生成证书的, 但也没有用,附上自己生成证书教程。然后尝试把这属性添加到请求方法里,发现不起作用,接口还是不通。查了一下说是证书问题,这里我用的打包方式是使用公共测试证书。最后在uniapp官方文档里,找到个跳过ssl验证的属性。
安装了Vue-pdf后,打包文件多出了worker.js和worker.js.gz 在安装了vue-pdf预览pdf文件后,发现打包文件变得很慢,打包出来的文件多了worker.js和worker.js.gz文件,导致打包文件变得很大。将 const filename = _loaderUtils2.default.interpolateName(this,修改node_modules/worker-loader/dist/index文件。
前端预览上传的pdf文件,并根据后端识别pdf后返回的word文件路径,直接在前端解析展示 在前端上传一个pdf文件,后端识别pdf文件,并返回识别后的word文件路径,前端再根据文件路径直接在页面展示解析word文件的结果
vue 中img标签的src地址放在data中不生效 此时img标签便可以通过遍历的方式,再data中的imgList中找到图片路径。把img标签的src地址放在data中,再赋值给src的话是不生效的。一、将图片资源文件放在项目目录的static文件下,这样即可生效。二、通过import的方法将图片源路径引入。
el-menu在一级导航跳转其他页面后,一级导航保持高亮 代码实现:主要思路是,在写路由的时候,给跳转的路由在meta中加上activeMenu,这activeMenu即一级导航需要保持高亮的路由地址,然后在el-menu组件中添加default-active,即如果跳转的路由有activeMenu的话,就让这activeMenu保持高亮,如果没有则让跳转的页面高亮。先上效果图,在只有一级导航的情况下,跳转到其他页面的时候,一级导航保持高亮。
当div内所有元素都是浮动的时候,让容器(div)自适应高度 如图所示:div容器内的两个元素,图片列表和上传组件都是浮动的,因为图片是后端返回的(目前代码里是本地图片测试),即无法确定有多少张图片,所以需要让div容器的高度自适应。在一个div内的所有元素都是浮动的,此时div的高度是不会自适应的。效果:实现了容器高度的自适应。
el-cascader自定义搜索功能before-filter 即不能用自带的搜索功能,决定自定义搜索功能,在el-cascader的输入框中根据输入的字符,通过后端接口去查做了区分的数据。需求:因为数据有重复名字的数据,但code是不相同的,就是虽然是相同名字,但其实是不同数据,又不能在原数据上直接做出区分。尝试了几次也不知道哪里出了问题,反正都不行。官方文档中,有关于自定义搜索功能的描述。当时在做这个的时候,网上搜出来的都是用。但回显的时候,还是回显到原数据上。将异步的接口请求改为同步方法,以及。
V-for动态循环的元素,鼠标hover展示不同样式 用v-for动态循环的div,在鼠标hover时,展示不同样式,即给hover的那一个div添加一个边框阴影效果。如下,鼠标放在了第二条数据上,第二条数据则添加了一个外边框阴影。添加一个showId字段,比如当数据hover到第二条数据时,就把。这里先定义了两个类名的样式,一个是有阴影的一个是没有的。在网上搜到的都是给每一条数据都先设置好不同类名,但我。,比如id,然后给div添加一个鼠标hover事件。然后在v-for循环的div下,,这层div就是用来决定样式的,
修改表单数据时el-input无法输入修改问题 从后端返回的数据回显到表单上,想修改数据时,发现el-input无论键盘怎么敲敲敲都没反应,但当选择另一个input输入时,上一个input输入框会且仅会输入你在另一个输入框输入的第一个字符,后面输入的都不会显示。2.在methods中调用这个方法 并使用$forceUpdate(), 官方文档给出的解释是这个具有强制刷新的作用,迫使Vue重新渲染,。所以在输入的时候一直触发,从而解决无法输入的问题。1.在el-input输入框中添加input事件。
echarts自定义仪表盘样式 注意echartsecharts的背景图片必须是一个dom节点,而不是图片的url。根据大哥的做法,先将图表轴线、label、分割线、隐藏,只保留刻度。然后将axisLine设置showfalse,还要设置opacity才能彻底隐藏底色。这中样式的仪表盘确实难找,找的我脑瓜子嗡嗡响,找了很久很久很久之后,终于让我找到一个差不多的样式。这位大哥写的样式是这样的,感觉稍微改造改造就差不多是我要的效果了,开干!可以根据自己的需求找ui帮忙做图。这次为难我胖虎的是这样子的仪表盘。......