Vue
文章平均质量分 54
Vue.js的使用和小技巧
IT小白龙
越努力,越幸运
展开
-
Vue:深度监听watch 和 计算属性computed
深度监听 watch通常用于监听某个对象发生改变时,调用需要执行的方法,类似于js里面onchange或者addEventListener的作用。之前遇到一个问题,公司的日期组件有个bug,把设定的显示值当作默认值,这样就算不操作,日期对象里也会有值,无法用是否为空来判断用户选择过。于是我加了一个监听,用户进行选择会触发,改变标志位的值。 watch: { startdate: { handler: function (newValue) { this.cli原创 2021-08-30 18:09:36 · 3402 阅读 · 0 评论 -
Vue:ref和this.$refs的使用
官方文档的定义:ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例。昨天遇到这样一个问题,产品要在页面上做一个上传excel的功能(虽然我也不知道为什么要这么设计),上传组件是另一个项目组写的JobUI,他们做了一个小叉按钮来删除附件,但是没有做监听,我试了下在上传的方法里可以清除附件upfile对象,却无法改变显示。于是我查了下他们的源代码。<div原创 2021-08-23 10:55:27 · 1810 阅读 · 0 评论