vue
HappyCodingTopOne
这个作者很懒,什么都没留下…
展开
-
H5之动效
动效原创 2022-11-02 09:55:39 · 519 阅读 · 0 评论 -
vue的函数式组件functional
Vue函数式组件原创 2022-10-24 17:29:51 · 1482 阅读 · 0 评论 -
记javascript设计模式
设计模式原创 2022-10-16 22:49:44 · 435 阅读 · 0 评论 -
数据过多,select优化
el-select优化原创 2022-09-20 14:00:42 · 307 阅读 · 0 评论 -
vue动画
vue动画原创 2022-08-18 07:55:04 · 178 阅读 · 0 评论 -
uniapp归结
uniapp日常使用转载 2022-06-15 08:27:33 · 1939 阅读 · 2 评论 -
el-upload
elementUI原创 2022-06-01 08:22:34 · 131 阅读 · 0 评论 -
一周Vue小技巧
1.多路由页面用同一个vue组件由于Vue内部的优化了你的应用程序 ,在切换页面会重用组件 ,而不是重新创建新组件 ,因此在使用相同组件进行路由之间切换 则不会有任何改变[{path:'/a',component:MyComponent},{ path:"/b", component:MyComponent}]解决次问题 你需要在元素上添加:key属性 帮助路由器识别页面何时不同,在切换路由时更新你的内容<router-view :key="$route.path"转载 2021-08-28 16:45:29 · 164 阅读 · 0 评论 -
封装盒子的外壳、title和一行两个所处两边的元素
外壳box-wrapper<template> <div class="page-box-wrapper"> <slot /> </div></template><style lang="less" scoped>.page-box-wrapper { padding: 10px 0; margin: 10px; background-color: #fff; border-radius: 1原创 2021-07-13 19:42:02 · 124 阅读 · 0 评论 -
利用vant组件封装button
<template> <van-button class="i-button" type="default" round :class="classMap" :icon="icon" :size="size" :loading="loading" :loading-text="loadingText" :loading-type="loadingType" :loading-size="loadingSiz原创 2021-07-13 19:32:47 · 1252 阅读 · 0 评论 -
vue中锯齿组件
<template> <div class="ticket-wrapper" :class="hasRadus"> <!-- 上面锯齿 --> <div v-if="sawtooth" class="top-sawtooth sawtooth" /> <!-- title 作为默认 slot, 不传不展示 --> <div v-if="$slots.default" class="t原创 2021-07-13 19:29:09 · 292 阅读 · 0 评论