自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 vue2 中 el-dialog 实现自由拖拽

首先在 utils 里面的 draggle.js 文件实现拖拽功能。然后在 index.js 将指令绑定到全局。使用 v-draggable 放到标签上。最后在 main.js 文件里面挂载。

2024-08-27 15:33:07 173 1

原创 前端 用tinymce富文本编辑器 从word 复制内容过来 会带很多奇怪的样式 这里需要去除样式只留下标签即可

如果你的 plugins 是像我下面完整版代码那样单独拎出来配置的 也是直接在很多引入的插件 后面加就好了(参考最下面的整个组件代码哦)问题:从word 复制内容过来 tinymce富文本 会带很多奇怪的样式 导致内容过长无法保存。然后要在 init 的 plugins(指定需加载的插件) 配置中加上 paste。然后在加上 editor 组件的 init 配置中加上以下配置。如果来没有plugins 直接在 init 配置中加上。如果来有plugins 直接在后面加上。最后我的代码修改如下。

2024-05-13 17:30:25 561 1

原创 el-form 的数据嵌套 应该怎么写rules进行表单校验

el-form-item 里面的 prop 也一定要写成 嵌套的形式(不知道这种属不属于嵌套暂且称之为嵌套吧)否则也不生效。rules 里面的写法 一定要这样写 否则不是没有检验效果 就是校验怎么都不能通过(别问我怎么知道的,这些问题全出现过)然后呢我需要对c 进行必填校验。后端要求传过去的数据是。

2024-04-24 13:13:02 287 5

原创 前端安卓正常 较低版本的ios打开页面空白 并且报错SyntaxError:Invalid regular expression: invalid group specifier name

注意除了这个js文件中的正则 一些文字替换什么的可能也使用了正则 都是需要改过来的(这个项目中用户姓名的显示我就使用了正则没有发现 导致改了之后 还有会报错 最后全部都改好了之后 这个报错就解决啦)原因说是:打包后的js不支持原生的双斜线格式的正则 // Safari浏览器会在某个正则规则下无法解析出来。本来有一个正则的js文件里面是用//写的 需要修改new RegExp('')的形式。经过排查发现手机的系统较高的可以打开稍微低一点的就不可以。

2024-04-24 10:55:46 351 1

原创 配置跨域的时候遇到的问题

这里需要注意的是 pathRewrite 是一定要写的而且重写的部分一定是空的 因为他本来是没有的 加上之后就不是他本来的接口了 还有就是调用接口的时候 要加上自己设置的部分 像这样。然后呢后端给我的接口我突然就不知道这个接口固定的一部分需要怎么去配置了 我试了一下直接写 / 是不行的还导致整个页面都出不来了。后来才知道这是可以自己随便配置的 之前写成接口中固定的部分,是接口中用固定的部分使用起来很方便 没有的话就需要自己配置了。这里的mainAddress 上上面定义好的服务器的地址哈。

2024-04-22 19:11:44 196

原创 Vue3 element plus el-input 无法输入el-select不能切换 也不显示默认值

根据上面的代码可以看出这个 el-form 的 ref 和 model 使用的是相同的 seedNumberForm 这造成了冲突 可能就导致数据匹配不到了 所以默认值也没有显示出来 切换或者输入的时候也切换不了,输入不成功 ref 和 model 不相同就可以了。但是这个问题在vue2中好像是没有的。个人观点,如有错误望纠正。

2024-04-22 18:54:35 427

原创 前端使用 safari浏览器(不仅仅是safari浏览器Firefox也发现了)时无法通过window.open打开新的窗口

Safari中无法open新窗口,原因是Safari的安全机制将其阻止,一些异步操作,比如ajax回调里面执行window.open就会失效,原因是代码自己自动执行的,被IOS的安全机制拦截!解决方案:把打开链接的操作放到setTimeout里运行即可,因为setTimeout是在主线程运行的,因此该操作不会被浏览器认定为代码操作的,所以不会拦截。原因:最开始的时候我以为是苹果设备的原因 因为使用手机ipad都不能打开,后来查了资料说是浏览器的原因找到了如下的解释以及解决方案。

2024-03-22 14:01:45 656 1

原创 el-table 加上排序之后 出现显示的数据与返回的数据的顺序不一致的问题

我的列表的列是循环的出来的 前面可以排序的都吗没有问题 就只有其中一个排序出现列表显示的顺序与后端返回的数据的顺序不一致。事件,在事件回调中可以获取当前排序的字段名和排序顺序,从而向接口请求排序后的表格数据。之前的写法是这个样子的 很多循环出来的都是正常的 只有其中一个显示的顺序是错误的。虽然不知道为啥但是文档就是这样写的 哈哈哈哈哈 那就先这样吧。远程请求的时候 sortable 需要设置成 custom。,同时在 Table 上监听。如果需要后端排序,需将。然后代码改成这样就好了。

2024-01-15 15:22:30 1081 2

原创 img标签下面有缝隙

vertical-align 默认值 是baseline,这可能会导致图片与周围文本对齐时产生缝隙。vertical-align 属性值设置为 middle 就好了。还有一次就是外面的盒子定位造成的。

2023-12-29 15:49:29 390 1

原创 vue项目中语言国际化 步骤

注意他是一个变量如果要是他的前后加文字符合什么的需要用反引号哦。截止到这里我们的准备工作就完成啦 接下来引用。首先要下载包 (我用的是这个版本的)languages 文件应该这样建。然后就是要再main.js中引入。en.json里面的内容写法。en.json里面的内容。在script 中的引用。

2023-12-21 16:53:12 515 1

原创 style.setProperty

下面来说一下 setProperty ,是HTMLElement 的方法,用于设置元素的 CSS 样式属性。是 CSS 伪类选择器,代表文档的根元素,通常是。来引用该变量,并将元素的颜色设置为这个值。,这样在整个文档中可以使用。获取文档中的根元素。

2023-12-07 16:57:22 1194 1

原创 el-table 的列前后部分是固定的中间的是循环出来的 有时会出现列的内容对不上的问题

这个问题的是我有一个需求是现在这个列表的列显示是可以配置的,除了前后的那几个固定的中间的显示都是可以自定义选择展示的 ,自定义选择需要展示的列之后出来就会出现一个问题后面固定的展示列会展示在配置的展示列的最后一列。这样写之后呢,错位显示的问题倒是没有了 但是出现了新的问题:自定义的列不能及时的更新到视图上(就是还是上一次设置的显示列在显示) 然后我就把循环的列的 key 去掉就好啦。的 el-table-column 都加上 key。然后呢我们就想了一种解决办法 给。

2023-11-29 16:11:22 478 1

原创 使用View Design 组件库的 Table 组件,列的显示和隐藏

但是我觉得这样写也是有问题的,那如果不同的条件显示的列不一样呢这样就会非常麻烦的,因为他在Table标签里面没有办法控制他的显示与隐藏(这里讲的也不知道对不对,可能有方法我不知道吧)然后呢这个表格就会显示 columns 中所有的列都会按照当columns的顺序进行列展示(好像是改不了的,也不能不显示某一列,在项目中的个人见解哈)就是把columns放到计算属性里面 让他跟随条件的变化而变化。

2023-11-29 15:27:42 768 1

原创 img 标签使用 @error 事件的时候 图片一直闪烁的问题

通过showErrorImg 来判断当前图片是否已经是图片出错处理之后的如果是就证明item.vendorpicfile的图片也出错了所以我们就可以使用默认图片,这样就不会出错啦。上面这段代码一旦otherPic 有并且出错的话就会出现死循环的情况。出现闪烁的原因可能是出现 死循环了。

2023-11-29 14:39:35 818 1

原创 View Design 的Table 表头中英文切换不能及时更新

将colums 直接写在data 里面语言切换的时候表头的文字视图不能及时的切换,为了解决这个问题我们要将colums写到 computed 里面这样就可以及时的更新视图啦。因为Table的列展示 是通过 colums 属性来控制的。

2023-11-22 11:18:30 95 1

原创 由中心向四周渐变(径向渐变)

最近在项目中遇到一个问题:一个圆想要由中间向四周进行渐变 之前的 linear-gradient(线性渐变)满足不了需求了 这时候就需要用到 radial-gradient(径向渐变)一、linear-gradient 是从四面八方的某一个方向 朝着另外一个方向逐渐变化的。direction还可以用角度表示(正的负的都可以,随意调整)二、radial-gradient 是从中间向四面八方散开的。color的颜色可以是多个自由搭配(一般两到三个)

2023-11-22 11:03:00 813 1

原创 el-tree 的使用

4.如果 没有找到当前元素的父级 那就在原来的数组allsubject中找的父级 生成所需要的数据放进去 在将对应的 子级元素放到相应的位置。也就是说 如果父级勾选了 子级会全部勾选 父级的返回了 子级也还是会 返回一次 当然这里的父级返回的是带children 的。我的这里后端给我返回的数据是没有父子级的关系的,所以这边是根据 父子级的标识前端重新将数据整理成树型显示所需要的形式。当然也有父元素不勾选的情况 所以这样就要 判断 setList里面已经找到的父元素 的子级里面是否有自己。

2023-11-15 10:02:30 330 1

原创 el-tree 只显示前五个数据

具体的问题是这样的 实际请求回来的数据是有很多的 然后他有展开和收起 默认是收起状态,但是收起的时候显示的是五项,展开显示全部,但是也没有办法说收起的时候只请求五个数据,展开的时候在请求所有的数据,由于后端没法返回这样的数据且需要多次发请求也不符合逻辑就舍弃了。最符合逻辑的就是使用数组的方法 slice 来截取数组。

2023-11-14 16:51:59 89

原创 前端 el-col 里面 el-form-item 设置样式 width:100% 会掉下去

这里如果不用 el-row 和 el-col ,不加样式 style="width: 100%" 的话好像是没有什么问题的(我的猜测我也不是很清楚,解决方法就是下面的)加上之后应该 input 框就会掉下来,原因是 label-width="70px" 这里要加 px 否则就会出现现在的问题。

2023-11-14 16:33:21 1124

原创 vue前端中this.$message 第一次不出现第二次就出现了

我在项目中也遇到过这个问题,我当时的主要原因是在 this.$message 显示的位置上面有一个定位它的 z-index 2001,而this.$message 的默认层级是 2000 再次点击的时候会增加到2001 所以第一次点击的时候提示没有出现。所以可能是上面的某部分的内容 层级是 2001 所以第一次的时候不显示 第二次的时候才显示。this.$message 点击的层级是递增的。

2023-11-14 13:15:16 328

原创 一个对象中除了某个属性其他的都想要保留(剩余参数)

而剩余参数只是将 obj 中除了 adrid 这个属性以外的其他属性赋值给prames 如果后面需要obj中的adrid属性的话,还是可以去。delete 的写法直接将 obj 里面的 adrid 属性去掉了 后面再也拿不到这个属性了。obj中除 adrid 属性全给 prames。

2023-11-14 11:19:04 49

原创 不同的CSS预处理器的穿透(less,sass,stylus)

这也是我在项目中遇到的问题当时的预处理器是stylus 我使用 /deep/ ::v-deep发现修改的样式并不能生效,最后发现stylus预处理器的样式穿透是 >>> 所以就对这几个预处理器的穿透做了总结。

2023-11-14 11:01:10 298

原创 获得 当前的 el-form 有几个 el-form-item

获取当前的el-form 里面有几个 el-form-item 这里使用到el-form的一个属性 fields。是一个响应式属性,有的时候可能不能正确的获取到结果所以需要使用。之后才能获取到正确的结果。

2023-11-14 10:47:26 254

空空如也

空空如也

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

TA关注的人

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