vue
nuanyue123
这个作者很懒,什么都没留下…
展开
-
vue时间锚点定位
原因:在vue中不支持a标签那种锚点定位,所以我们要另辟其径。方案:当我们点击一个按钮的时候,跳转到页面的某个地方,那么我们就可以想象下要跳转到那个位置,是不是需要向上滚动?那我们要实现锚点就可以获取向上滚动的位置,然后滚动到那个位置就行了代码:<div @click="gotMao>锚点</div>//1.点击的时候获取从顶部到你需要到的位置的距离// 2.然后把距离给window.scroll()就行了gotMao(){ let offsetTop = this.原创 2020-09-24 15:58:20 · 1794 阅读 · 0 评论 -
vue实现多选全选功能(代码简洁)
我们在项目中,很多时候用到自定义的多选,全选的功能,样式也是根据ui图变化的,因此需要手写一个全选功能来实现ui图效果。我们先理清楚几点:1,点击一次选中,再点一次取消,再点击选中2,不排他3,当选择按钮全选中,全选按钮也变成选中,状态,反之3,点击全选,列选择按钮全部选中票,反之实现多选:下面是ui上面提供的三种状态样式,未选中,全部是20rpx的小圆圈,选中一个后,选中的那个增加...原创 2020-05-07 14:16:24 · 4959 阅读 · 0 评论 -
uniapp实现点击吸顶(锚点定位)
应用场景:很多场景我们都需要用到分类筛选,因此有时候要实现点击分类筛选的时候,分类吸顶,当上滑的时候又回到之前那个位置。这个功能,我们要清楚几点:1,点击分类条时候,吸顶2,分类条滑动到顶部的时候,吸顶3,当上滑到分类条上面的时候,去掉吸顶根据上面几点,一步一步的实现: <view class="menu" :style="{position:scrollTop<to...原创 2020-05-07 13:55:55 · 5931 阅读 · 3 评论 -
antv图表数据覆盖x轴
antv图表数据覆盖x轴antv的图表有时候会覆盖在x轴上,导致x轴刻线看不清楚。原因:这个问题是输出的问题,我们需要改动 this.chart.scale下的rang的属性,他的数据范围在0到1之间,只需要把数据改成下面就行,你可以多次试验看看它是什么,当为0.5的时候,数据的长度就剩了现在的一般。解决方案: var margin = 1 / val.length ...原创 2020-03-19 17:09:48 · 988 阅读 · 0 评论 -
antd动态合并单元格
antd动态合并单元格antd合并单元格的方法动态合并antd的表格文档中,介绍的合并单元格,介绍的很少,因此动态合并单元格是很麻烦的。antd合并单元格的方法在antd表格中,她是将你想合并的单元格的第一个单元格的rowSpan设置你需要单元格的大小,然后这个单元格下面的格子的rowSpan设置成0的方式实现的.动态合并动态合并的话是跟后台数据对接的,想要合并的数据一定要后台做好排序才...原创 2020-03-19 16:23:33 · 1184 阅读 · 0 评论 -
vue购物车五星好评连接对应状态
购物车五星好评,简单易懂,话不多说直接上代码//html部分<view class="content"> <view class="title">五星好评</view> <view class="starList"> <view class="star" v-for="(star, index) in starList" :k...原创 2019-04-23 17:07:07 · 191 阅读 · 0 评论 -
form表单判断 vue
每次我们写表单的时候都要判断一大推重复的代码 虽然用了循环但是弹出的提示结果也是一样的 因为是vue写的 还不能使用js的dom操作 所以今天我搞了好久终于写出了相对应的方法 代码少 且那个为空就会弹出相对应文字的弹框css代码<form @submit="formSumbit" class="formSumbit"> <view class="hang"> ...原创 2019-05-24 17:43:16 · 1007 阅读 · 1 评论 -
vue父子组件传值
父向子传值: 子使用props接收父传递来的值步骤:1. 先在父组件引入组件import son from ‘@/components/son.vue’;2. 注册组件components:{‘v-son’:son}3. 使用组件标签4. 自定义属性绑定值5. 在子组件中使用props接收传递过来的自定义属性 props: {toSonDate: String,},6.在子组件中页面...原创 2019-06-13 12:12:31 · 437 阅读 · 0 评论