
vue
文章平均质量分 83
上官熊猫
记录分享
展开
-
nuxt3项目打包后获取.env设置的环境变量无效的解决办法
在nuxt3项目开发过程中,设置了开发环境变量和生产环境变量,在本地开发时都能正常获取,但打包部署时获取不到任何自定义环境变量,需要在服务器端单独通过process.loadEnvFile方法获取原创 2024-06-27 11:06:32 · 1692 阅读 · 1 评论 -
element-plus使用虚拟化表格报错:Failed to execute ‘querySelectorAll‘ on ‘Element‘: ‘[rowkey=1]‘ is not a valid
element-plus使用虚拟化表格组件el-table-v2报错:Failed to execute 'querySelectorAll' on 'Element': '[rowkey=1]' is not a valid selector。版本更新后才有这个问题,排查后发现,与数据的id值有关原创 2024-05-20 16:52:51 · 837 阅读 · 0 评论 -
在vite5和vue3开发环境中使用jodit4富文本编辑器,并添加自定义插件和使用highlight.js实现代码块高亮(附其他自定义配置项和全部代码)
在vite5和vue 3中的开发环境使用jodit 4富文本编辑器,并添加自定义插件和使用highlight.js实现代码块高亮,还有其他配置:标签属性配置(createAttributes: )、字体、字号、图片上传、中文显示(i18n)等等。附上全部代码原创 2024-01-17 17:19:45 · 1774 阅读 · 3 评论 -
vue3使用jodit富文本编辑器,自定义各项配置及组件封装
vue3使用jodit富文本编辑器,自定义各项配置,如中文、中文字体、图片上传及组件封装等原创 2023-03-16 16:28:28 · 6176 阅读 · 12 评论 -
element-plus虚拟化表格组件el-table-v2渲染自定义组件的其中两种方式(js和jsx)及注意事项
在使用element-plus的虚拟表格化组件el-table-v2渲染数据和组件的方法时,由于官网的使用示例中只有ts或tsx版,文章则是使用js和jsx的示例及一些虚拟化表格组件的注意事项。在设置columns属性时,其中的宽度字段(width)必须设置值(只能是数字类型)且每一列都要设置,不然会出现数据不显示或是只显示一列的情况。先看效果图(数据是mockjs随机生成的)columns属性中自定义单元格渲染器的字段是cellRenderer,类型为VueComponent/(props: Cell原创 2022-10-12 13:58:09 · 30952 阅读 · 25 评论 -
vue3中按需使用echarts5贴花图案和跨系列的形变动画
vue3中使用echarts5贴花图案和跨系列形变动画,及效果无效的解决办法和注意事项原创 2021-12-10 10:52:53 · 1546 阅读 · 0 评论 -
vue3使用element-plus打包上线后图标偶尔乱码的解决方法
与element-ui不同的是,element-plus没有使用node-sass或者dart-sass,而使用的是sass和sass-loader,起初觉得可能是项目的sass版本和sass-loader的版本与element-plus的版本不一致,于是删除了自己项目的版本,安装了与element-plus使用的版本一致,但并未解决问题,版本如下: "devDependencies": { "postcss-loader": "^5.3.0", "sass": "^1.35.1",原创 2021-07-20 11:09:44 · 2554 阅读 · 3 评论 -
vue2.x使用jodit富文本编辑器,并配置自定义字体和中文
jodit富文本编辑器字体配置、Jodit的使用问题一:不能配置字体解决步骤如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入最新在做邮箱系统时,需要用到富文本编辑器且功能比较齐全的,比如表格的全部功能;筛选了多款编辑器,最终拟定了两种,一个是百度的UEditor,一个是J原创 2021-03-24 15:19:03 · 3166 阅读 · 0 评论 -
vue3.0+antd2.x+typescript版的表单组件验证或数据双向绑定失效
在ant-design-vue2.x版本官网上,虽然支持vue3.0,但目前还是以vue2.x的方式展示组件的使用,并没有对怎么使用vue3.0的组合式API(Composition API)进行展示,导致在项目进行时遇到了好些坑,现将我遇到的问题(表单组件部分)及解决办法做个分享。表单组件验证和数据双向绑定失效原写法:<a-form layout="vertical" :model="form" :rules="formRule" ref="formRef"> <a-form原创 2020-12-14 10:45:51 · 1913 阅读 · 0 评论 -
vant组件ImagePreview动态渲染v-html里的图片不显示bug
问题描述:对元素v-html的内容中图片实现点击放大预览,因为我做的是移动端项目,所以使用的ui框架是vant,用到了图片预览组件ImagePreview,因为是通过v-html绑定的数据,获取图片的src需要绑定监听事件,ImagePreview有两种使用方法:组件调用和函数调用,起初我使用的是函数调用,组件结构如下:<template> <div class="c...原创 2020-04-13 15:27:33 · 4549 阅读 · 0 评论 -
vue打包部署服务器后前端访问页面出现404
最近项目打包部署至服务器后,通过前端访问,页面能进入vue路由写的404页面,但是无法进入其他页面,网上也看过一些文章,说的是需要后端进行相应配置,并开启伪静态,而我们项目的后端并未使用伪静态,然后前端做了修改。在vue-router路由对象中,路由有两种模式:hash和history,而我一般使用history模式,在history模式下,前端路由须和向后端发起请求的路由一致,如http://...原创 2020-04-13 14:05:09 · 3414 阅读 · 2 评论