自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 119

原创 el-cascader 级联组件根据最后一级id回显

级联组件回显数据

2024-08-08 18:29:24 170

原创 使用input标签上传图片

加了 const fileKey = ref(0)我发现如果上传一张a图片,清空previewImage.value = '',当我再次上传a图片有问题。事件,这通常是因为浏览器对文件选择进行了优化。浏览器可能认为既然用户选择了相同的文件,就没有必要重新触发。标签上传文件时,如果前后两次上传同一个文件,但浏览器没有触发。事件,因为从用户的角度来看,没有发生任何变化!这里上传完成,清空回显图片,可以让用户再次上传。所以更改 key 以强制重新渲染 input!

2024-07-25 10:33:27 147

原创 通过锚点,您可以很快找到当前页面上信息内容的位置

注:本来打算使用elementPlus中的el-anchor组件,但是没有效果,不知道是组件的问题还是使用不正确,大家有没有使用el-anchor组件时没有效果的情况呢?点击左边的小标题,跳转到相应的位置。以上为全部被容,请大家批评指正!以下是标题所对应的页面代码。

2024-07-08 11:35:49 181

原创 vue3 父组件向echarts图表组件传值问题

1、问题:当echarts图表的数据是由父组件传过来时,echarts图表不显示,发现子组件获取的props为空。3、解决方案:在父组件定义一个flag,当数据获得的之后再进行子组件的渲染。2、原因:发现echarts是在渲染的时候就传递数据。

2024-02-25 09:40:03 507 1

原创 浮动元素居中的三种方法

第一种和第三种方法都需要设置宽度,第二种方法不需要设置宽度。

2024-02-19 16:39:26 930 1

原创 Elementplus 表格动态添加行,删除行

序号和商品编号根据动态添加自增。

2024-01-23 14:18:24 1153 1

原创 左树右表结构,el-table内容溢出元素框时不出现横向滚动条问题

flex布局不变,flex: 1换成css3提供的动态计算属性。布局下并且自适应了宽度才会出现这种问题。对比了其它布局,发现只有。

2024-01-22 14:48:06 795

原创 Vue3中使用tinymce

注:使用elementplus组件库中的el-dialog组件和tinymce富文本时,el-dialog层级高会盖住了富文本不显示,可以改tinymce的css样式或者改用ant组件库。3、在项目components文件夹下封装组件TinymceEditor,把下面的代码放进去。2、在public新建tinymce文件。在tinymce官网中下载中文包,

2024-01-15 17:19:06 927 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除