![](https://img-blog.csdnimg.cn/7dd78063d3454c6881d2d3b049e84f5e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 53
前端框架等问题
吱吱喔喔
这个作者很懒,什么都没留下…
展开
-
vue中rules自定义规则实现
vue中rules自定义规则实现原创 2024-08-09 15:24:25 · 363 阅读 · 0 评论 -
slice 截取
JavaScript中的一个数组方法。然而,在Vue 3的应用开发中,slice方法经常被用于处理数组数据,特别是在需要实现分页、数据截取或数据展示等场景时。原创 2024-08-08 16:20:44 · 382 阅读 · 0 评论 -
el-popover实现类型tooltip弹出框提示信息
话不多说,直接上代码是 Element UI 框架中的一个组件,用于实现弹出框(Popover)的功能。Element UI 是一个基于 Vue 2.0 的桌面端组件库,用于快速构建网站界面。el-popover组件允许用户通过点击或鼠标悬停等方式触发一个浮层,这个浮层可以包含文本、图片、表单等多种内容,用于展示额外信息或进行交互操作。原创 2024-08-08 15:18:42 · 263 阅读 · 0 评论 -
vue.js 实现排序
在vue.js中遇到一个集合,需要根据某个字段长度排序,可以使用sort这种方式。原创 2024-07-31 11:00:17 · 181 阅读 · 0 评论 -
Tooltip 文字提示
在偶然维护前端开发时,遇到页面列表中某个字段内容太长,且该字段使用了组件显示,导致不能使用纯文本得那个省略号代替显示得css样式效果,只能另辟溪路原创 2024-07-31 10:55:33 · 496 阅读 · 0 评论 -
vue3中省市区联动在同一个el-form-item中咋么设置rules验证都不为空的效果
那咋么办,其实可以把prop直接设置成extraProperties.City,这样可以直接去验证市区,而省份的话选择了,才会联动出市区的数据,用户才能选择市区,以此类推就可以实现上面的三级都验证不为空的问题。如上设置的prop是extraProperties.Province,导致验证时只要省份选择了就不验证市区了,在开发中出现如下情况,在同一个el-form-item设置了省市区三级联动的效果。原创 2024-06-28 11:42:37 · 387 阅读 · 0 评论 -
vue3中若v-model绑定的响应字段出现三级,该如何实现rules验证规则
vue3中若v-model绑定的响应字段出现三级,比如:InformationForm.extraProperties.Category,该如何实现rules验证规则原创 2024-06-28 11:01:26 · 489 阅读 · 0 评论 -
Vue3中根据select得选项值,改变当前元素同级下的子元素得disabled属性值
在 Vue 3 中,你通常不会直接通过类名(或任何其他 DOM 选择器)来获取 DOM 元素,因为 Vue 鼓励你使用数据驱动视图的方式来更新和操作元素。然而,如果你确实需要访问 DOM 元素(这通常是不推荐的,除非有特别的原因),你可以使用 Vue 3 的 ref 或者 refs(在模板中使用 ref 指令时,它们会在组件的 $refs 对象中作为响应式引用存在)。原创 2024-06-26 18:03:40 · 490 阅读 · 0 评论 -
实现el-selet中分组显示option
如果想使用远程搜索得el-select且又想每次查询时分组展示,可以这处理原创 2024-05-11 13:30:00 · 327 阅读 · 0 评论 -
vue+elmentuiplus中Table-column 动态添加calss
如何在vue+elmentuiplus中Table-column 添加calss以及动态添加class原创 2024-05-11 08:30:00 · 1083 阅读 · 0 评论 -
vue3中实现内容溢出隐藏以及显示提示属性
实现溢出...隐藏以及鼠标放上去弹出提示框显示出所有内容原创 2024-05-10 09:58:34 · 453 阅读 · 0 评论 -
前端js中可以替换“+变量+”拼接字符串的几种方式
在大多数情况下,你应该使用模板字符串,因为它们既易读又易于编写。如果你正在使用旧版浏览器或环境,并且需要确保兼容性,那么你可能需要依赖于字符串拼接(这种方式是字符串连接的一种常见方法,被称为字符串拼接。方法返回一个新的字符串,不会修改原始字符串(因为字符串在JavaScript中是不可变的)。然而,这种方法在现代JavaScript中并不常见,也不推荐使用。如果你有一个数组并且想要将数组元素连接成一个字符串,可以使用。这是ES6引入的一种新特性,允许你在字符串中使用。的方式,但在某些情况下可能是有用的。原创 2024-05-09 10:27:22 · 298 阅读 · 0 评论 -
vue3全局挂载方法
模板页面index.vue 在项目根目录下,引用了 main.js文件。原创 2024-04-16 13:43:13 · 620 阅读 · 0 评论 -
vue3中单框双时间选择模式
在单框双时间选择下,给当前时间框赋值,可以使用vue中的v-model双向绑定方式。addDateRange这个是全局封装的一个方法。原创 2024-04-16 11:31:02 · 862 阅读 · 0 评论 -
vue3+elment复杂详情页面打开后,再打开其他页面都显示空白,控制台也没什么特殊报错
页面使用了el-tabs 、 el-tab-pane、el-table 等标签。反正之前人写的页面可乱,尤其是js这块,穿插引用import一大堆。最后看到页面代码太乱,就动了下页面布局代码,js也归类调整了下,js也使用了onMounted ,但是除掉也时空白页面。居然可以了,主要是调整了布局代码,才好的。但是经测试不是这些问题导致的。原创 2024-04-13 10:39:33 · 353 阅读 · 0 评论 -
vue3中覆盖组件样式的方法
在前端设计时,遇到时间框组件el-date-picker的样式需要单独覆盖掉。直接在页面style中写样式,覆盖不了,就算加上!important也不行。/**::v-deep 含义-样式穿透可覆盖组件样式 */含义是-样式穿透可覆盖组件样式。如覆盖如下实施日期的时间框边框。原创 2024-04-09 10:31:56 · 1100 阅读 · 0 评论 -
导入预览以及解决导入量大引发超时等问题
由于使用的是vue3,页面与数据都是交互响应式的,所以可以通过组件或者原生的文件上传,获取到excel的sheet,从而来计算条数,页码,页数,手动实现分页逻辑,也就是把调接口换成从excel中获取数据,除了多计算下分页逻辑,其他逻辑不变。原创 2024-04-02 14:45:27 · 590 阅读 · 0 评论 -
QuillEditor无法识别显示含有div和转义字符的问题
quill-editor富文本框识别div和转义字符问题原创 2024-04-01 17:50:24 · 800 阅读 · 0 评论 -
vue3中子级页面绑定调用父级页面得自定义事件
在 Vue 3 的 Composition API 中,defineEmits 是一个函数,用于在 setup 函数中明确地声明一个组件可以触发的自定义事件。这有助于提供更好的类型检查和更清晰的组件接口。当你使用 Vue 3 的 语法糖时,defineEmits 尤其有用,因为它可以与 TypeScript 一起使用,以提供类型化的事件发射。原创 2024-03-14 15:46:02 · 1149 阅读 · 0 评论 -
vue3中上传组件upload简单使用
注意,以下代码是由于后端接口返回的图片路径是不完整的,所以又简单调用了个接口才拼接成完整的路径,若返回的是完整的则不需要此处代码,只要uploadedSuccessfully();原创 2024-03-07 09:42:49 · 1569 阅读 · 0 评论 -
vue中表单数据规则验证
vue中表单数据规则验证原创 2024-03-07 09:30:21 · 939 阅读 · 0 评论 -
Record with path “/manage/expert/talents“ is either missing a “component(s)“ or “children“ property.
children下的component配置有问题,大小写也必须注意,此处就是路径配置时忽略了大小写才导致页面浏览空白,浏览器控制台台报以下错误。以上意思是说:路径为“/manage/expert/trents”的记录缺少“component(s)”或“children”属性。请教了几个前端才发现,还是路由配置有问题,还得回到问题的根源上原创 2024-03-04 11:27:14 · 2927 阅读 · 0 评论 -
row以及col中的span属性
参考bootstrap的响应式,预设四个尺寸。属性调整方块的偏移位置(每次1格/24格)属性来调整布局之间的宽度—转载 2024-03-01 14:25:59 · 1321 阅读 · 0 评论 -
vue模板语法中的类和样式绑定
最近公司要求,在学习前端vue知识,记录一些语法要点在绑定类和样式时,如果使用三目运算(三元运算)时,html中使用的是大括号[],以及使用数组绑定多个class时,也是大括号,其他的使用中括号{}原创 2024-03-01 14:16:15 · 488 阅读 · 0 评论 -
vue3中页面传参汇总
最近协助前端写vue页面时,需要几个传参问题随之记录下原创 2024-01-24 16:42:16 · 1020 阅读 · 0 评论 -
vue3中几种封装让后端传参请求方式
vue3中几种封装让后端传参请求方式post请求,但是后端参数不是对象,是一个单参原创 2024-01-23 16:08:18 · 1232 阅读 · 0 评论 -
html5语音合成speechsynthesisApi
实际上是把“你”、“好”、“财”、“富”这4个字的读音给合并在一起,因此,称为“语音合成”。一类是“语音识别(Speech Recognition)”,另一个就是“语音合成(Speech Synthesis)”,实际上指的分别是“语音转文字”,和“文字变语音”。“语音合成(Speech Synthesis)”的兼容性要好上太多了Chrome,FF,Edge,Safari等等都是支持。有了语音合成Speech Synthesis API,对于这类用户,以及开发人员自己,都会带来一定的便利性的。原创 2024-01-08 11:15:00 · 618 阅读 · 0 评论 -
‘vite‘ is not recognized as an internal or external command
以及初始运行vue3项目时也是这中错误,这是因为没有安装这个以来,如下图报错。运行一个由 Vite 构建的 Vue3 项目,之前还好好的能正常跑,解决方法:运行npm i 安装初始化时所有依赖。但拉取新代码之后再次执行。原创 2023-11-07 16:19:05 · 2754 阅读 · 1 评论 -
jquery中定义的动态生成的标签元素,点击事件该方法未定义Uncaught ReferenceError: goHere is not defined
在点击动态生成的弹窗里的html中的企业列表标签时(该标签绑定了点击事件-goHere),原创 2023-10-27 15:58:32 · 149 阅读 · 0 评论 -
浅谈事件冒泡前世今生
所谓的时间冒泡就是当一个元素触发一个事件,事件会像是水泡一样,从触发元素向它的所有父节点传播,一直到根节点都会接收到此事件,如果父元素中注册了相应的事件处理函数,那么尽管事件在子节点触发的,在父元素上注册的事件处理函数同样会被触发比如这次是为了实现点击相应行政区区域图,弹出窗口显示相应的查询数据,结果再给行政区域绑定监听点击事件时,触发了两次,因为行政区域图是在map地图里的一块区域,这就引发了事件冒泡,从外层向里层(行政区域图),依次触发点击事件了原创 2023-10-27 15:26:33 · 106 阅读 · 0 评论 -
百度地图设置和关闭label弹窗
百度地图设置和关闭label弹窗原创 2023-10-26 16:02:38 · 562 阅读 · 0 评论 -
vue中报 TypeError: Assignment to constant variable.
我们使用 const 定义了变量且存在初始值。后面又给这个变量赋值,所以报错了。在项目开发过程中,在使用变量声明时,如果不注意,可能会造成类型错误原创 2023-10-26 15:39:21 · 4835 阅读 · 0 评论 -
vue3中异步变同步的方式以及注意点
在前端对接实际开发中,会遇到异步的后端接口,在调用改接口给变量赋值时会遇到执行回调的问题,即接口还未返回数据,就以及取加载渲染其他元素或者组件了,但是无数据可显示原创 2023-10-26 15:35:25 · 1967 阅读 · 0 评论 -
前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by
"module": "./es/index.mjs",如下图,之前的是"module": "./es/index.js",文件类型改为mjs。主要原因是由于用到的组件进行npm i时默认使用的是vue2,不支持vue3,但是前端框架使用的是vue3,所以导致重构编码时会报错,原创 2023-09-23 10:15:09 · 8608 阅读 · 2 评论 -
vue中动态加载disabled以及其他属性的写法
tableData.isClickQuotation 是返回的bool类型值,若未true,则启用disabled,否则不用。tableData.isClickQuotation”,vue3中可以简写成。在实际开发中不免需要动态加载一些元素,尤其时内置的元素的属性。原创 2023-09-13 17:52:39 · 1376 阅读 · 0 评论