<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Du__Du__的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Du__Du__</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Du__Du__]]></copyright><item><title><![CDATA[vue通过原生input实现多文件上传只调用一次接口]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/145281986</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/145281986</guid><author>Du__Du__</author><pubDate>Mon, 22 Dec 2025 15:00:16 +0800</pubDate><description><![CDATA[当前组件在批量选择文件后，将文件列表添加到FormData中，只调用一次上传接口；不会像element-ui：开启自动上传+批量文件后多次调用上传接口；也不会批量选择后需要多点击一次批量上传按钮。]]></description><category></category></item><item><title><![CDATA[VueDatePicker日期选择器]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/144405205</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/144405205</guid><author>Du__Du__</author><pubDate>Wed, 11 Dec 2024 17:05:45 +0800</pubDate><description><![CDATA[selectedDate: "2024-11-20",//存储时间或更新之后的时间，v-model绑定。placeholderText: '请选择日期'//输入框提示文本。dateFormat: 'yyyy-MM-dd',//时间模板。vue日期选择器文本框，需要下载本插件。]]></description><category></category></item><item><title><![CDATA[vue3横向滚动组件（左右按钮点击滚动）]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/141427224</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/141427224</guid><author>Du__Du__</author><pubDate>Thu, 22 Aug 2024 15:31:06 +0800</pubDate><description><![CDATA[let groupList = ref([{name:123},......])//展示数组。首先，是按钮部分：按钮要根据中间内容是否超出限定区域来展示的，其次，也要根据中间内容部分来进行按钮的禁选状态。let btnLeft = ref(0) //0-不展示  1-显示  2 -禁用。ok，接下来进行函数拼接，首先是组件加载时判断按钮是否展示，其次像滚动区域挂载上滚动事件。left: -600, // 每次点击滚动的距离。left: 600, // 每次点击滚动的距离。2： 控制按钮的显示/隐藏/禁用。]]></description><category></category></item><item><title><![CDATA[vue3 iframe标签添加loading加载效果]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/135244236</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/135244236</guid><author>Du__Du__</author><pubDate>Fri, 28 Jun 2024 10:26:21 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[vue数据双向绑定]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/135237735</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/135237735</guid><author>Du__Du__</author><pubDate>Wed, 27 Dec 2023 13:52:03 +0800</pubDate><description><![CDATA[Model和ViewModel之间有双向数据绑定的关系，因此model中的数据改变时，会触发View层的刷新，同理，View中的用户交互操作也会在model中同步。通过Object.defineProperty()来劫持每个属性的getter和setter，并在数据发生变化时发布消息给订阅者，触发相应的监听回调：如下图。注：这些都是Object.defineProperty()无法直接做得到，vue2的Object.defineProperty()是通过重写内部方法才实现的这些功能。]]></description><category></category></item><item><title><![CDATA[Promise对象]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/134912140</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/134912140</guid><author>Du__Du__</author><pubDate>Sun, 10 Dec 2023 19:13:20 +0800</pubDate><description><![CDATA[promise常见方法]]></description><category></category></item><item><title><![CDATA[vue全局事件总线]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/129594901</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/129594901</guid><author>Du__Du__</author><pubDate>Thu, 16 Mar 2023 18:45:58 +0800</pubDate><description><![CDATA[vue事件总线]]></description><category></category></item><item><title><![CDATA[vue父子传参]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/129537221</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/129537221</guid><author>Du__Du__</author><pubDate>Tue, 14 Mar 2023 19:19:14 +0800</pubDate><description><![CDATA[vue组件通信方式有父子传参、插槽、全局事件总线、vuex父子传参中，父传子是父组件将数据绑定到子组件标签属性上，子组件通过props接收，props用来获取当前组件身上的所有属性；子传父是由父组件给子组件传递一个函数/子组件调用并传递参数，子组件接收父组件传递的函数，调用该函数并传参创建两个组件，一个是ChuanParent，一个ChuanChild。]]></description><category></category></item><item><title><![CDATA[vue具名插槽]]></title><link>https://blog.youkuaiyun.com/Du__Du__/article/details/129531601</link><guid>https://blog.youkuaiyun.com/Du__Du__/article/details/129531601</guid><author>Du__Du__</author><pubDate>Tue, 14 Mar 2023 18:11:14 +0800</pubDate><description><![CDATA[vue具名插槽]]></description><category></category></item></channel></rss>