摘要: vue3.0 前言: 这里分享3.0和2.0 的方法对比, nextTick 是将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它vue3.01、引入 import { nextTick } from 'vue' 2、具体使用,配合异步 setup() { 阅读全文
posted @ 2021-12-17 14:39 威武的大萝卜 阅读(14162) 评论(0) 推荐(0)
摘要: 对于 Vue.nextTick 方法,自己有些疑惑。在查询了各种资料后,总结了一下其原理和用途,如有错误,请不吝赐教。 概览 官方文档说明: 用法: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 疑问: DOM 更新循环是指什么? 下次更新循环 阅读全文
posted @ 2021-12-17 14:31 威武的大萝卜 阅读(377) 评论(0) 推荐(0)
摘要: vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器,第二个参数是可选的选项对象 export default { install(Vue,option){ 组件 指令 混入 挂载vue原型 } } 全局注册组件 import PageTools 阅读全文
posted @ 2021-12-17 14:27 威武的大萝卜 阅读(632) 评论(0) 推荐(0)
摘要: 按照官方的文档介绍,看似使用起来很简单,但是计划赶不上变化。 官方文档:https://element.eleme.cn/#/zh-CN/component/input-number 按照官方给的样例,我也这么写,但是发现,每次设置到小数点后第二位的时候,鼠标移开输入框的时候,都会自动将小数点的第二 阅读全文
posted @ 2021-12-17 10:57 威武的大萝卜 阅读(1464) 评论(0) 推荐(0)
摘要: el-input-number有个坑,设置步长20后,输入44显示40,但是v-model拿到的值却是44,导致传给后台的数据是错的!如何解决? <el-input-number v-model="info.cartNum" :step="info.qtyctn" :min="1" :max="99 阅读全文
posted @ 2021-12-17 10:54 威武的大萝卜 阅读(456) 评论(0) 推荐(0)