vue
深海先生
人生路昭昭长,慢慢来
展开
-
使用ref实例时,dom节点不能使用v-if
Cannot read properties of undefined (reading ‘setInfo’)使用refs调用子组件的方法,由于使用v-if导致节点不存在,所以无法获取实例,就会导致报错。解决方案:使用v-show。end去你想去的地方做你想做的事吧...原创 2021-10-13 16:10:17 · 251 阅读 · 0 评论 -
js数组对象表达式判断父元素是否存在
js数组对象表达式不数据能嵌套多层。原因:在前端页面中后端返回 的数据嵌套在太深,在模板语法中使用会报错,因为父级元素不存在,子元素在表达式中会出现undefined,导致报错。解决方案使用三元运算符判断父元素是否存在即可解决;图凑合着看哈哈。end面朝大海,春暖花开。...原创 2021-10-13 10:51:04 · 454 阅读 · 0 评论 -
关于vue的组件
script > 包含组件中所有的非显示逻辑, 最重要的是, < script > 标签需要默认导出一个 JS 对象。 该对象是您在本地注册组件、 定义属性、 处理本地状态、 定义方法等的地方。在构建阶段这个对象会被处理和转换( 包含 template 模板) 成为一个有 render() 函数的 Vue 组件。end君不见,黄河之水天上来...原创 2021-09-16 13:56:54 · 58 阅读 · 0 评论 -
vue2——this.$emit两种方式传值更新(组件父子传值)
this.$emit两种方式传值更新1.父组件使用.sync方式传值子组件1.1 子组件使用$emit update方式更新2.子组件定义自定义事件带参的形式,父组件调用自定义事件,参数修改2.1子组件定义自定义事件,带参数。2.2父组件调用自定义事件。感谢记录,感谢各位,欢迎补正。end人与人的缘分总是长长短短~...原创 2021-09-06 09:44:28 · 7097 阅读 · 0 评论 -
日期选择框赋值格式错误-`value` provides invalidate moment time. If you want to set empty value,
1.遇到的报错warning.js?2149:7 Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `null` instead.2.使用v-model绑定默认值赋值方式,报错就发生在这里! this.timeForm[0] = moment(this.timeForm[0]).format("YYYY-MM-DD");原创 2021-07-02 14:54:37 · 3742 阅读 · 0 评论 -
vue activated,deactivated生命周期的使用
1.当组件在 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。2.activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等3.deactivated:当离开组件时,停止使用时调用,可清楚定时器。4.created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;问原创 2021-06-25 10:16:36 · 4002 阅读 · 0 评论 -
vue - 事件修饰符-键盘修饰符-鼠标修饰符
事件处理(通过v-on监听 DOM 事件,并在触发时运行一些 JavaScript 代码)$event作为参数 传入方法可以访问原生事件对象1. 事件修饰符阻止冒泡:event.preventDefault()和 event.stopPropagation(),在 方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。1.stop(阻止冒泡继续传播 ), 2. prevent(**拦截默认事件**), 3. capture(先执行父级方法,再执行子级方法),4.self(只执行子级本身的函数),4.原创 2021-06-11 13:37:01 · 170 阅读 · 1 评论