
Vue3
文章平均质量分 57
小御姐@stella
这个作者很懒,什么都没留下…
展开
-
Vue 之组件插槽Slot用法(组件间通信一种方式)
在某些场景中,我们可能想要在父组件为子组件传递一些模板片段,让子组件在它们的组件中渲染这些片段。插槽分多种,默认插槽、具名插槽、条件插槽、动态插槽、作用域插槽。父组件:父组件传递给子组件的数据,可以通过插槽再次传递给父组件使用,非常常用。父组件:子组件的插槽写在哪里,父组件传递的内容就在哪里展示。3.条件插槽,主要是为了给插槽提供额外的样式。2.具名插槽,一个子组件可以存在多个。父组件:父组件使用具名插槽有2种写法。4.动态插槽,动态传入插槽名。2)插槽类型和举栗子。原创 2024-09-29 09:10:34 · 661 阅读 · 2 评论 -
按键 tab 则 切换输入框, 按键 ↑↓ 则 加减数值
2、进入页面就聚焦到第一个输入框( 用focus() );tab切换时,聚焦到下一个输入框;聚焦到最后一个输入框时,再tab切换,聚焦到第一个输入框。1、按键 tab切换input框,默认tab切换会聚焦到浏览器地址栏(F12时会聚焦到开发者工具选项),我们需要阻止该默认事件。3、使用el-input-number设置好属性,实现↑↓按键input框值加减。不要忽视你达成的每个小练习,它是你前进路上的垫脚石。3、进入页面就监听tab事件,离开页面时移除监听事件。如有不足,欢迎指正。原创 2024-09-29 09:09:57 · 471 阅读 · 0 评论 -
ElementPlus 中el-select自定义指令实现触底加载请求options数据
ElementPlus 中el-select自定义指令实现触底加载请求options数据/ 不插入body时,以下方式可获取元素// 插入body时,需要以document.querySelector('.el-scrollbar__wrap')获取原创 2024-08-02 23:39:24 · 1724 阅读 · 24 评论 -
提升用户体验之requestAnimationFrame实现前端动画
requestAnimation实现前端动画使用方法原创 2024-07-03 11:06:52 · 1401 阅读 · 0 评论 -
Vue打包报错处理Syntax Error: Error: spawn /Users/apple/main/node_modules/gifsicle/vendor/gifsicle ENOENT
Syntax Error: Error: spawn /Users/apple/main/node_modules/gifsicle/vendor/gifsicle ENOENT原创 2024-06-25 09:40:10 · 398 阅读 · 0 评论 -
自定义指令理解与用法(Vue3)
自定义指令理解与用法(Vue3)原创 2024-06-24 11:14:32 · 444 阅读 · 0 评论 -
对比Vue2/Vue3项目如何自定义插件
对比Vue2/Vue3项目如何自定义插件插件如何写原创 2024-06-21 12:03:43 · 1974 阅读 · 0 评论 -
Vue3如何绑定全局方法和变量
Vue3如何绑定全局方法和变量原创 2024-06-19 13:23:33 · 1688 阅读 · 1 评论 -
搭建Vue3+Vite+Js+Element-plus项目遇到的报错集合
搭建Vue3+Vite+Js+Element-plus项目遇到的报错集合原创 2024-06-17 14:00:00 · 985 阅读 · 0 评论