Du__Du__的博客

原创 VueDatePicker日期选择器

selectedDate: "2024-11-20",//存储时间或更新之后的时间，v-model绑定。placeholderText: '请选择日期'//输入框提示文本。dateFormat: 'yyyy-MM-dd',//时间模板。vue日期选择器文本框，需要下载本插件。

原创 vue3横向滚动组件（左右按钮点击滚动）

let groupList = ref([{name:123},......])//展示数组。首先，是按钮部分：按钮要根据中间内容是否超出限定区域来展示的，其次，也要根据中间内容部分来进行按钮的禁选状态。let btnLeft = ref(0) //0-不展示 1-显示 2 -禁用。ok，接下来进行函数拼接，首先是组件加载时判断按钮是否展示，其次像滚动区域挂载上滚动事件。left: -600, // 每次点击滚动的距离。left: 600, // 每次点击滚动的距离。2： 控制按钮的显示/隐藏/禁用。

原创 vue3 iframe标签添加loading加载效果

原创 vue数据双向绑定

Model和ViewModel之间有双向数据绑定的关系，因此model中的数据改变时，会触发View层的刷新，同理，View中的用户交互操作也会在model中同步。通过Object.defineProperty()来劫持每个属性的getter和setter，并在数据发生变化时发布消息给订阅者，触发相应的监听回调：如下图。注：这些都是Object.defineProperty()无法直接做得到，vue2的Object.defineProperty()是通过重写内部方法才实现的这些功能。

原创 Promise对象

promise常见方法

原创 vue全局事件总线

vue事件总线

原创 vue父子传参

vue组件通信方式有父子传参、插槽、全局事件总线、vuex父子传参中，父传子是父组件将数据绑定到子组件标签属性上，子组件通过props接收，props用来获取当前组件身上的所有属性；子传父是由父组件给子组件传递一个函数/子组件调用并传递参数，子组件接收父组件传递的函数，调用该函数并传参创建两个组件，一个是ChuanParent，一个ChuanChild。

原创 vue具名插槽

vue具名插槽