![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
饱饱~~
这个作者很懒,什么都没留下…
展开
-
vue 地址栏输入参数,获取对应参数数据并回显
路由后面拼接 appName = '参数' ,获取对应参数并把参数回显到 select 下拉框中。原创 2023-04-24 19:39:21 · 565 阅读 · 0 评论 -
判断对象属性是否为空字符串
这个是后端返回的属性,如何判断它是否是空字符串。原创 2023-03-22 15:48:43 · 95 阅读 · 0 评论 -
vue window.open如何下载.txt文件
下载按钮是通过请求后台接口,后台接口会返回一个resultS3Url地址,前端可以直接打开这个url进行下载的,表格类型的文件下载没有问题,但是浏览器默认TXT文件是直接打开的,所以我们要对TXT文件进行一些处理,利用a标签进行下载。原创 2023-03-21 11:46:41 · 1024 阅读 · 0 评论 -
循环生产的表单,动态显示字段
如果是单独写的表单给该字段加个if判断即可,for循环生成的表单我想到的是用监听来过滤。进入详情页,可以获取type字段,type的值为。场景:当类型为服务评测时,【作业链接】不显示。的时候,表示为服务评测,写个监听即可。原创 2023-03-09 16:39:07 · 88 阅读 · 0 评论 -
循环生成表单,如何进行校验
vue中使用for循环生成的表单,最初写的校验方式,就算input里面有值,也会弹出校验提醒。algorithmName和appName就是key值。解决方法:把校验规则放在form-item中。原创 2023-03-06 19:36:30 · 316 阅读 · 0 评论 -
vue点击按钮跳转外部链接
例如:点击btn按钮的时候跳转百度页面。原创 2023-01-31 10:25:23 · 1992 阅读 · 0 评论 -
“TypeError: this.$parent.clearList is not a function“
子组件调用父组件方法报错: this.$parent.clearList is not a function。是因为我使用了UI组件把我的子组件包裹起来了,获取到的父组件就是UI组件,才导致报错原创 2022-11-11 14:36:38 · 506 阅读 · 0 评论 -
vue From表单 新增 or 编辑
在做增删改查的需求时,新增和编辑大多数用的同一个form表单,这时候需要我们判断用户当前点击的是新增还是编辑,编辑的话需要回显当前该条数据。给 modal 绑定 title,在 data 里面定义 dialogTitle 为 ' ',然后点击新增或者编辑弹窗之前给他赋值。编辑的接口中,会有个 id字段,只需要判断表单里是否会有id,如果有就是编辑,没有就是新增。点击table文件中的修改按钮,给title赋值。点击新增按钮,给title赋值。二、判断当前是新增还是编辑?在index文件中,监听回显。原创 2022-10-19 14:54:40 · 1954 阅读 · 0 评论 -
vue table表格每列按 数字/字母 顺序排序
需求:点击每列表头的上下箭头,当前列可进行升降排序。原创 2022-10-14 17:42:51 · 813 阅读 · 0 评论 -
超出限定字段截断,鼠标悬停显示全部文字
需求:超出6个字符后显示...,当鼠标悬停上去后显示全部文字。这时候已经实现了截断(文本中要有个title属性)可以使用过滤器来实现。原创 2022-10-12 19:17:25 · 525 阅读 · 0 评论 -
vue 根据接口返回的数字显示对应的文字
【代码】vue 根据接口返回的数字显示对应的文字。原创 2022-10-10 15:19:06 · 933 阅读 · 0 评论 -
watch —— Cannot read properties of undefined (reading ‘0‘)
vue 父子传参的时候,在子组件监听父组件传过来的参数,页面也是正常渲染的,控制台一直报 Cannot read properties of undefined (reading '0')增加个 if 判断,有值的时候进行赋值。由此可见,是触发了两次,第一次没有值,所以报错。打印了newvalue,控制台显示打印了两次。原创 2022-10-08 14:35:30 · 683 阅读 · 0 评论 -
vue中使用 setTimeout 函数 失效
箭头函数中的访问的this实际上是其父级作用域中的this,箭头函数本身的this是不存在的,这样子就相当于此时函数中的this是在声明的时候就确定了,所以是直接指向了data里面的变量。这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上,这会使得this指向的是window对象。在vue中使用 setTimeout,直接调用this.函数,控制台报错。原创 2022-09-29 14:42:07 · 1136 阅读 · 0 评论 -
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.
在 vue3 中使用 less 预处理器,需要更改组件的样式,使用::v-deep深度选择器之后终端弹出警告。vue3 单文件规范::v-deep写法已经被废弃了。原创 2022-09-19 16:27:07 · 428 阅读 · 0 评论 -
校验该字段是否重复
需求:新增 或 编辑 的时候校验同一类型下的字典代码不能重复 注:(当前数据类型是树结构,需要判断根节点(字典选择)下的字典类型是否重复,树节点(性别)下的字典类型是否重复) 思路:写 if 判断,当我选择的是根节点(字典选择)的时候,拿我输入的值去和字典选择里面的数据的字典代码去做判断,(有校验的接口,false 表示不存在,true 表示存在)看是否重复。重复则提示;选择树节点(性别)思路与前面相似效果:...原创 2022-06-13 14:17:35 · 324 阅读 · 0 评论 -
Invalid prop: type check failed for prop “index“. Expected String, got Undefined
vue + Element UI的后台管理系统,控制台报以下错误信息解决方法:在属性 :index里面参数后面 追加 ' '原创 2022-02-14 10:23:36 · 258 阅读 · 0 评论 -
vue2与vue3的区别
1.vue2和vue双向数据绑定原理vue2 的双向数据绑定是通过ES5的 0bject.definePropert() 来劫持data里面各个数据的 setter 和 getter,在数据发生变化的时候发布消息给订阅者,触发相应的监听回调来渲染视图vue3中使用了 ES6 的 Proxy与vue2相比,使用 proxy 的优势:definePropety 只能监听某个属性,不能全对象监听 可以省去 for in、闭包等内容来提升效率(直接绑定整个对象即可) 通过下标修改数组的值或者修原创 2022-04-27 19:03:16 · 894 阅读 · 0 评论 -
vue 父子组件生命周期执行顺序
加载阶段:父组件beforeCreate ->父组件created ->父组件beforeMount ->子组件beforeCreate ->子组件created ->子组件beforeMount ->...原创 2022-02-24 13:57:51 · 74 阅读 · 0 评论 -
vue 实现吸顶效果
<template> <div class="home"> <div ref="header" class="header" :class="headerFixed?'issFixed':''">Header</div> <div style="height: 500px">111</div> <div style="height: 300px">222</div> <.转载 2022-02-24 15:03:49 · 4217 阅读 · 1 评论 -
vue 中的 prop
prop的作用是父组件向子组件单向传递数据,这个过程是单向的。传递的属性可以是静态的,可以是动态的,可以是数字,可以是字符串,可以是数组,还可以是对象,甚至可以在传递数据的时候写一个校验函数进行校验。1、传静态属性子组件:<template> <div> <h1>{{ msg }}</h1> </div></template><script>export default ...翻译 2022-02-24 15:04:03 · 13278 阅读 · 1 评论 -
vue 中的 ref 的用法
1、基础用法:获取页面dom元素<template> <div id="app"> <div ref="text">div盒子</div> <button @click="btn">获取div内容</button> </div></template><script>export default { methods: { btn() { co翻译 2022-02-24 10:41:00 · 715 阅读 · 0 评论