vue3.0
闹闹没有闹
这个作者很懒,什么都没留下…
展开
-
css,环形
1.先利用conic-gradient属性画一个圆,然后再叠加。原创 2023-09-20 21:44:59 · 587 阅读 · 0 评论 -
element,cascader数据多选,数据处理(返回给后端,回填数据)
数据处理思路:1.先创建必要的函数: 数组打平flat,递归树(deepTree),模板(temp)2.发送数据:首先把你选择的数据格式, deepTreeData(tree, flat(selectedTree), [‘id’]) 选择的数据格式,3.然后转换成发送的格式, sendSelectedData(tree, flat(selectedTree), [‘id’, ‘name’])4.回填数据:把发送的数据打平, splitArr(sendSelectedData(tree, f原创 2022-02-24 19:37:45 · 1883 阅读 · 0 评论 -
vue,原生轮播图(无缝轮播图)
效果图<template> <div> <div class="swiper"> <ul ref="swiper" class="swipero"> <li v-for="(item, index) in items" :key="index"> <div v-text="item.name"></div> </li> .原创 2021-11-04 22:56:21 · 590 阅读 · 1 评论 -
vue,左右滑动动画
效果图:<template> <div> <div class="swiper"> <ul ref="swiper" class="swipero"> <li v-for="(item, index) in items" :key="index" :class="`${index == active ? 'active' : ''}`" .原创 2021-11-04 21:36:13 · 558 阅读 · 0 评论 -
vue3.0--自定义指令--表格--默认显示3行,可设置几行,其余行滚动显示(版本二)
效果图:main.vue<template> <label for="切换"> 'null',全部显示,切换数大于当前数,显示全部,总共: {{ list.length }}条数据:<br /> 当前显示到 <input type="text" name="" id="" v-model="line" @input="change" />行 </label> <div v-autoH.原创 2021-05-24 19:43:04 · 755 阅读 · 0 评论 -
vue3.0--自定义指令--表格--默认显示5行,其余行滚动显示(版本一)
templete<template> <div v-autoHeight="6" ref="height" class="table"> <table> <thead> <tr> <th>序号</th> <th>标题</th> </tr> </thead> .原创 2021-05-13 20:52:45 · 636 阅读 · 0 评论 -
vue3.0父子传参,子修改父数据
父组件父亲传值给儿子,儿子可以修改父亲的数据(同步)<template> <div> 父组件 {{ data }} <button @click="add()">修改</button> <hr /> 子组件:<Son /> </div></template><script>import Son from "./components/Son原创 2021-03-25 21:03:13 · 2475 阅读 · 0 评论