摘要: 许多项目中在首页或者头部模块,会放置一个当前时间,并且是动态的,现在把这个小模块进行一个记录。 页面元素模块: <div class="now-time-box"> <p class="now-time">{{loopTime}}</p> <span class="now-week">{{loopW 阅读全文
posted @ 2022-06-17 13:46 陈楷 阅读(582) 评论(0) 推荐(0)
摘要: 情景: vue脚手架搭建的项目中, 例如几个表格页面里面的表格都带有时间数据,这个时间数据返回过来的是时间戳,需要进行转换,然后有些数据重复了,需要去重等,这时我们就可以单独建立一个js文件,用于处理这些需求。 实现: 可以在 src 目录下 手动建立一个 tools 文件夹,专门用来存放我们自定义 阅读全文
posted @ 2022-06-16 13:36 陈楷 阅读(1287) 评论(0) 推荐(0)
摘要: 思路:请求地址上面携带参数的格式基本是一致的,可以通过?进行分割拿到后面的参数部分,然后判断一下&号的存在,拿到类似于 ['id=1', 'age=20'] 这样的数组,进行循环后再进行 = 切割, 前面则是属性名,后面则是属性值。 封装的方法: function getRouteParams(pa 阅读全文
posted @ 2022-06-16 11:46 陈楷 阅读(251) 评论(0) 推荐(0)
摘要: 虽然可以在子组件标签里面通过 :style="{}" 行类样式来动态设置想要的样式,但是当我们设置了某些标签的伪元素,想给伪元素也通过父组件来传递样式属性时,好像就没什么办法了。 不过最近翻到了一种解决方案,比如我要给一个div的::before动态设置color,通过根元素标签里面的 :style 阅读全文
posted @ 2021-12-03 14:31 陈楷 阅读(281) 评论(0) 推荐(0)
摘要: 内嵌的iframe子页面,正常通过this.$router.push进行跳转时,会发现直接在当前的子页面里面再打开了整个页面,并且地址栏的路由并没有发生变化,这时不可再使用this.$router.push进行跳转,而应该使用 window.parent .location.href = '要跳转的 阅读全文
posted @ 2021-12-01 16:16 陈楷 阅读(4963) 评论(0) 推荐(0)
摘要: 因为 :visible.sync 属性的影响,通过点击外面部分或×号关闭弹出框时,子组件会修改父组件的值,此时会报错,虽然弹出框关闭了,但是此时父组件的 visible 还是true,再按按钮时就打不开弹窗了。 子组件修改如下: 父组件不变: 阅读全文
posted @ 2021-09-01 16:47 陈楷 阅读(822) 评论(0) 推荐(0)