- 博客(9)
- 收藏
- 关注
原创 使用vue-cropper裁剪图片
使用组件过程中遇到一个bug,报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_c'),我的解决方式是把node_modules全部删除,重新npm i一下,一定要全部删除再运行命令,否则还是报错!在components文件夹下,封装裁剪组件,直接将下面的代码放进去。安装:npm install vue-cropper。以上为全部内容,请大家批评指正!
2024-08-14 18:47:35 131
原创 使用input标签上传图片
加了 const fileKey = ref(0)我发现如果上传一张a图片,清空previewImage.value = '',当我再次上传a图片有问题。事件,这通常是因为浏览器对文件选择进行了优化。浏览器可能认为既然用户选择了相同的文件,就没有必要重新触发。标签上传文件时,如果前后两次上传同一个文件,但浏览器没有触发。事件,因为从用户的角度来看,没有发生任何变化!这里上传完成,清空回显图片,可以让用户再次上传。所以更改 key 以强制重新渲染 input!
2024-07-25 10:33:27 176
原创 通过锚点,您可以很快找到当前页面上信息内容的位置
注:本来打算使用elementPlus中的el-anchor组件,但是没有效果,不知道是组件的问题还是使用不正确,大家有没有使用el-anchor组件时没有效果的情况呢?点击左边的小标题,跳转到相应的位置。以上为全部被容,请大家批评指正!以下是标题所对应的页面代码。
2024-07-08 11:35:49 195
原创 vue3 父组件向echarts图表组件传值问题
1、问题:当echarts图表的数据是由父组件传过来时,echarts图表不显示,发现子组件获取的props为空。3、解决方案:在父组件定义一个flag,当数据获得的之后再进行子组件的渲染。2、原因:发现echarts是在渲染的时候就传递数据。
2024-02-25 09:40:03 521 1
原创 左树右表结构,el-table内容溢出元素框时不出现横向滚动条问题
flex布局不变,flex: 1换成css3提供的动态计算属性。布局下并且自适应了宽度才会出现这种问题。对比了其它布局,发现只有。
2024-01-22 14:48:06 808
原创 Vue3中使用tinymce
注:使用elementplus组件库中的el-dialog组件和tinymce富文本时,el-dialog层级高会盖住了富文本不显示,可以改tinymce的css样式或者改用ant组件库。3、在项目components文件夹下封装组件TinymceEditor,把下面的代码放进去。2、在public新建tinymce文件。在tinymce官网中下载中文包,
2024-01-15 17:19:06 942 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人