![](https://img-blog.csdnimg.cn/5bcac05121c34736bb163ce2dd03f535.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 52
vue问题记录
吱吱喔喔
这个作者很懒,什么都没留下…
展开
-
vue3中省市区联动在同一个el-form-item中咋么设置rules验证都不为空的效果
那咋么办,其实可以把prop直接设置成extraProperties.City,这样可以直接去验证市区,而省份的话选择了,才会联动出市区的数据,用户才能选择市区,以此类推就可以实现上面的三级都验证不为空的问题。如上设置的prop是extraProperties.Province,导致验证时只要省份选择了就不验证市区了,在开发中出现如下情况,在同一个el-form-item设置了省市区三级联动的效果。原创 2024-06-28 11:42:37 · 363 阅读 · 0 评论 -
vue3中若v-model绑定的响应字段出现三级,该如何实现rules验证规则
vue3中若v-model绑定的响应字段出现三级,比如:InformationForm.extraProperties.Category,该如何实现rules验证规则原创 2024-06-28 11:01:26 · 462 阅读 · 0 评论 -
Vue3中根据select得选项值,改变当前元素同级下的子元素得disabled属性值
在 Vue 3 中,你通常不会直接通过类名(或任何其他 DOM 选择器)来获取 DOM 元素,因为 Vue 鼓励你使用数据驱动视图的方式来更新和操作元素。然而,如果你确实需要访问 DOM 元素(这通常是不推荐的,除非有特别的原因),你可以使用 Vue 3 的 ref 或者 refs(在模板中使用 ref 指令时,它们会在组件的 $refs 对象中作为响应式引用存在)。原创 2024-06-26 18:03:40 · 425 阅读 · 0 评论 -
实现el-selet中分组显示option
如果想使用远程搜索得el-select且又想每次查询时分组展示,可以这处理原创 2024-05-11 13:30:00 · 298 阅读 · 0 评论 -
vue+elmentuiplus中Table-column 动态添加calss
如何在vue+elmentuiplus中Table-column 添加calss以及动态添加class原创 2024-05-11 08:30:00 · 993 阅读 · 0 评论 -
vue3中实现内容溢出隐藏以及显示提示属性
实现溢出...隐藏以及鼠标放上去弹出提示框显示出所有内容原创 2024-05-10 09:58:34 · 416 阅读 · 0 评论 -
vue3全局挂载方法
模板页面index.vue 在项目根目录下,引用了 main.js文件。原创 2024-04-16 13:43:13 · 569 阅读 · 0 评论 -
vue3中单框双时间选择模式
在单框双时间选择下,给当前时间框赋值,可以使用vue中的v-model双向绑定方式。addDateRange这个是全局封装的一个方法。原创 2024-04-16 11:31:02 · 757 阅读 · 0 评论 -
vue3+elment复杂详情页面打开后,再打开其他页面都显示空白,控制台也没什么特殊报错
页面使用了el-tabs 、 el-tab-pane、el-table 等标签。反正之前人写的页面可乱,尤其是js这块,穿插引用import一大堆。最后看到页面代码太乱,就动了下页面布局代码,js也归类调整了下,js也使用了onMounted ,但是除掉也时空白页面。居然可以了,主要是调整了布局代码,才好的。但是经测试不是这些问题导致的。原创 2024-04-13 10:39:33 · 325 阅读 · 0 评论 -
vue3中覆盖组件样式的方法
在前端设计时,遇到时间框组件el-date-picker的样式需要单独覆盖掉。直接在页面style中写样式,覆盖不了,就算加上!important也不行。/**::v-deep 含义-样式穿透可覆盖组件样式 */含义是-样式穿透可覆盖组件样式。如覆盖如下实施日期的时间框边框。原创 2024-04-09 10:31:56 · 952 阅读 · 0 评论 -
QuillEditor无法识别显示含有div和转义字符的问题
quill-editor富文本框识别div和转义字符问题原创 2024-04-01 17:50:24 · 721 阅读 · 0 评论 -
vue3中子级页面绑定调用父级页面得自定义事件
在 Vue 3 的 Composition API 中,defineEmits 是一个函数,用于在 setup 函数中明确地声明一个组件可以触发的自定义事件。这有助于提供更好的类型检查和更清晰的组件接口。当你使用 Vue 3 的 语法糖时,defineEmits 尤其有用,因为它可以与 TypeScript 一起使用,以提供类型化的事件发射。原创 2024-03-14 15:46:02 · 1138 阅读 · 0 评论 -
vue3中上传组件upload简单使用
注意,以下代码是由于后端接口返回的图片路径是不完整的,所以又简单调用了个接口才拼接成完整的路径,若返回的是完整的则不需要此处代码,只要uploadedSuccessfully();原创 2024-03-07 09:42:49 · 1511 阅读 · 0 评论 -
vue中表单数据规则验证
vue中表单数据规则验证原创 2024-03-07 09:30:21 · 934 阅读 · 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 · 2420 阅读 · 0 评论 -
row以及col中的span属性
参考bootstrap的响应式,预设四个尺寸。属性调整方块的偏移位置(每次1格/24格)属性来调整布局之间的宽度—转载 2024-03-01 14:25:59 · 994 阅读 · 0 评论 -
vue模板语法中的类和样式绑定
最近公司要求,在学习前端vue知识,记录一些语法要点在绑定类和样式时,如果使用三目运算(三元运算)时,html中使用的是大括号[],以及使用数组绑定多个class时,也是大括号,其他的使用中括号{}原创 2024-03-01 14:16:15 · 478 阅读 · 0 评论 -
vue3中页面传参汇总
最近协助前端写vue页面时,需要几个传参问题随之记录下原创 2024-01-24 16:42:16 · 1011 阅读 · 0 评论 -
vue3中几种封装让后端传参请求方式
vue3中几种封装让后端传参请求方式post请求,但是后端参数不是对象,是一个单参原创 2024-01-23 16:08:18 · 1194 阅读 · 0 评论 -
运行启动vue项目报报错node: --openssl-legacy-provider is not allowed in NODE_OPTIONS解决
要不就是删除SET NODE_OPTIONS=--openssl-legacy-provider &&代码,如下代码即可正常运行起来。报错的问题就是package.json中的Scripts下的dev。解决方法就是要不升级你的应用代码,支持 新版本的node.js。原创 2023-11-30 11:33:45 · 3509 阅读 · 1 评论 -
vue中定义变量拼接url方式
【代码】vue中定义变量拼接url方式。原创 2023-11-29 18:01:53 · 349 阅读 · 0 评论 -
‘vite‘ is not recognized as an internal or external command
以及初始运行vue3项目时也是这中错误,这是因为没有安装这个以来,如下图报错。运行一个由 Vite 构建的 Vue3 项目,之前还好好的能正常跑,解决方法:运行npm i 安装初始化时所有依赖。但拉取新代码之后再次执行。原创 2023-11-07 16:19:05 · 2435 阅读 · 1 评论 -
jquery中定义的动态生成的标签元素,点击事件该方法未定义Uncaught ReferenceError: goHere is not defined
在点击动态生成的弹窗里的html中的企业列表标签时(该标签绑定了点击事件-goHere),原创 2023-10-27 15:58:32 · 141 阅读 · 0 评论 -
浅谈事件冒泡前世今生
所谓的时间冒泡就是当一个元素触发一个事件,事件会像是水泡一样,从触发元素向它的所有父节点传播,一直到根节点都会接收到此事件,如果父元素中注册了相应的事件处理函数,那么尽管事件在子节点触发的,在父元素上注册的事件处理函数同样会被触发比如这次是为了实现点击相应行政区区域图,弹出窗口显示相应的查询数据,结果再给行政区域绑定监听点击事件时,触发了两次,因为行政区域图是在map地图里的一块区域,这就引发了事件冒泡,从外层向里层(行政区域图),依次触发点击事件了原创 2023-10-27 15:26:33 · 97 阅读 · 0 评论 -
百度地图设置和关闭label弹窗
百度地图设置和关闭label弹窗原创 2023-10-26 16:02:38 · 521 阅读 · 0 评论 -
vue中报 TypeError: Assignment to constant variable.
我们使用 const 定义了变量且存在初始值。后面又给这个变量赋值,所以报错了。在项目开发过程中,在使用变量声明时,如果不注意,可能会造成类型错误原创 2023-10-26 15:39:21 · 4513 阅读 · 0 评论 -
vue3中异步变同步的方式以及注意点
在前端对接实际开发中,会遇到异步的后端接口,在调用改接口给变量赋值时会遇到执行回调的问题,即接口还未返回数据,就以及取加载渲染其他元素或者组件了,但是无数据可显示原创 2023-10-26 15:35:25 · 1826 阅读 · 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 · 8423 阅读 · 2 评论 -
vue中动态加载disabled以及其他属性的写法
tableData.isClickQuotation 是返回的bool类型值,若未true,则启用disabled,否则不用。tableData.isClickQuotation”,vue3中可以简写成。在实际开发中不免需要动态加载一些元素,尤其时内置的元素的属性。原创 2023-09-13 17:52:39 · 1269 阅读 · 0 评论 -
VUE3中使用后台返回的枚举值使用时,不判断为空时刷新页面会报错
中tableData.status是后台返回的是枚举,包含value和name,如果直接写成上面这段,不加判断,刷新页面会显示成空白页面,因为报错了 ,tableData.status.value,一想估计是因为没有判断为空的原因,应该是加载页面html元素时,没有获取接口返回的值导致报错。但是光看控制台显示的错误位置又不对,继而先一个个检查value相关的原创 2023-09-13 17:47:06 · 157 阅读 · 0 评论 -
vue列表分页页面每列字段计算时间差的方法
vue页面,可以直接调用js中定义的方法。原创 2023-09-12 18:24:57 · 66 阅读 · 0 评论 -
jquery 获取一个特定日期对应格式的时间
除了上面提到的格式外,你的应用程序可能具有不同的数据格式。它可以是yy/dd/mm或yyyy-dd-mm格式,或者类似的格式。为了解决这个问题,最好创建一个可重用的函数,以便可以在多个项目中使用它。now()是Date对象的静态方法。它以毫秒为单位的值返回,该值表示从纪元以来所经过的时间。注意:实际开发中遇到的坑,replace()函数中yyyy必须在前面,否则获取到的年份永远是两位数,而yy在后面不影响想获取两位数的年份。1.2或者后端返回的是时间字符串'2023年09月03号'来处理应用程序中的日期。原创 2023-09-12 18:09:21 · 356 阅读 · 0 评论 -
vue中循环遍历操作
实际开发中不免会操作循环原创 2023-09-08 15:52:13 · 497 阅读 · 0 评论 -
vue中动态绑定class方法
【代码】vue中动态绑定class方法。原创 2023-09-07 11:49:56 · 143 阅读 · 0 评论 -
vue实现绑定select以及多选,清空检索条件
el-input v-model="params.quotationNumber" clearable aria-placeholder="请输入" /><el-button type="primary" @click="handleGetQuotation" >搜索</el-button><el-button type="primary" @click="resetDemandFields">重置</el-button>需配置ref="demandRef",且必须放到<el-form>标签中,原创 2023-09-05 16:44:52 · 1386 阅读 · 1 评论 -
vue.js计算时间差到天时分秒
不过,发现一个vue比较好的优点,不需要向h5等,给页面某个地方赋值,还需要先根据标签找到才能赋值,而vue中,可以配置全局变量,页面和js中都可以操作,就像上面定义得。(remainderTime),js中通过计算得出时间差,赋值后,页面也会随之更新,这个比较。原创 2023-09-04 17:21:47 · 1503 阅读 · 1 评论 -
vue、elment中el-table-column标签下el-link中无法绑定数据源问题
问题如下,在中,如果不用prop属性,直接绑定字段不显示数据原创 2023-09-02 11:26:54 · 455 阅读 · 0 评论