vue3使用render渲染demo vue3中提供了一个h函数用来渲染demo首先引入定义函数渲染 h函数存在三个参数第一个为标签名称,第二个为对象及标签上的一些基本属性,第三个为标签内容如果说div标签下存在子节点(标签)若是存在并层子节点则h函数第三层为数组使用elementPlus组件或是自定义组件第一个参数为组件名称无需带引号,以elementPlus的button为例首先需要引入该组件第二步使用插槽渲染以elementPlus中的ElTooltip为例子,改组件存在一个content提示插槽(悬浮内容出现的提示),还
根据项目自动生成eslint等规范 首先下载 1.右键cmd管理员运行,全局下载npm install web-norm -g。如果报错提示 Delete '␍’eslintprettier/prettier。改插件会根据项目自动配置eslint规范以及git上传。2.在项目中cmd 中输入web-norm。需要用到web-norm插件。
本地搭建小型静态服务 通常在做小程序或需要用到某些线上资源但是后端还没有将改资源部署,可以先在本地搭建一个小型的服务器模拟静态资源得获取。1.首先使用node全局安装anywhere。输入anywhere -v 及启动成功了。然后在对应的目录下cmd打开命令窗口。...
unipp 动态计算rem是通过获取屏幕元素来计算的rem但是小程序不生效,因为小程序不存在dom。在H5上正常运行,在app打包测试或者真机测试会出现白屏问题,这个时候需要配置基础路径。text标签为文本标签,如果在text标签内写图片,会出现图片无法正常展示。调用微信授权(该任务必须是要用户点击手动授权,不可自己执行)调用微信分享(该任务必须是要用户点击手动授权,不可自己执行)uniapp图片显示需注意问题。uniapp设置多端兼容。............
echarts报错 Unkown series surface echarts引用3d图形首先需要引入echarts其次在引入echarts-gl如果渲染3d报错 Unkown series surface是因为未知系列曲面需要引入该3d对应的包,例如3d柱状图则还需要引入
父盒子设置flex布局子元素设置高和宽不生效问题 这是因为定义为flex布局元素的子元素,自动获得了flex-shrink的属性,这个属性就是是告诉子元素当父元素宽度不够用时,自己调整自己所占的宽度比,这个flex-shrink设置为1时,表示所有子元素大家同时缩小来适应总宽度和高度即设置的高度和宽度不生效。当flex-shrink设置为0时,表示大家都不缩小适应即设置的高度和宽度可以生效。所以,倘若给父元素设置了flex布局后,若要其子元素的width和height有效果,必须给子元素设置flex-shrink为0。...
css中使用TTF文件 在这里插入代码片// 声明字体@font-face { font-family: mFont; src: url('/public/font/FZZZHONGJW.TTF');}url为TTF文件路径最好引入全局样式 font-family: mFont;
vue3+vite配置兼容ie11 下载插件cnpm i @vitejs/plugin-legacy -S引入import legacy from '@vitejs/plugin-legacy'在vite.config.ts中配置 plugins: [ vue(), legacy({ targets: ['ie >= 11'], additionalLegacyPolyfills: ['regenerator-runtime/runtime'] }) ],...
项目主题背景切换 首先再全局css文件中定义变量:root { --varColor: #00e0ff; --varSxColor: #1f334a; --selectHoverColor: rgb(13, 58, 99); --bgBlockStyle: #0c1d36; //基础的主色调 --varinputBorderColor: #3d4a5e; --varInputBackground: #10253f; --tableTopColor: #31495e; //表头颜色 --mod
后端返回数据流,前端通过该接口实现预览效果 首先需要下载一个插件docx-preview 页面中引入import * as docx from "docx-preview";然后通过调用接口 axios({ method: "get", responseType: "blob", //注意 url: url, //后端返回的数据流接口地址 }).then(({ data }) => { docx.renderAsync(data, dome.value); // 渲染到页面 dome.val
echarts再次渲染,渲染失败 需求是有一个页面展示数据图表但是第一次进入该页面是正常渲染的,但是在这个页面跳出来,在进入的话依然是调用的echarts初始化的图标,导致页面渲染不成功,即不渲染图标原因是:由于容器上已经有 echarts_instance ,还是上次的,所以Echarts是不会重新初始化的,需要手动将DOM上的 echarts_instance 属性移除, 再次进行初始化, 然后setOptio即在离开给页面的时候清空一下echarts_instance属性写法document.getElementByI
项目中导入docx文件实现预览效果 首先需要用到docx-preview组件在页面中全部引入该组件import * as docx from "docx-preview";import * as docx from "docx-preview";import { onMounted } from "vue";const docxOptions = Object.assign(docx.defaultOptions, { debug: true, experimental: true,});onMounted(() =