- 博客(39)
- 收藏
- 关注
RSS订阅原创 TypeError: Cannot read properties of undefined (reading ‘style‘)
Cannot read properties of undefined
2022-12-17 14:23:22
885
原创 vue引入swiper组件后出现 ‘Maximum call stack size exceeded’错误的解决方法
vue引入swiper组件后出现 ‘Maximum call stack size exceeded’错误的解决方法
2022-09-30 11:32:00
330
转载 VUE子组件如何改变父组件传来的值，以及VUE子组件如何修改父组件的值
转载(36条消息) VUE子组件如何改变父组件传来的值，以及VUE子组件如何修改父组件的值__码农耕地人的博客-CSDN博客_vue子组件修改父组件的值
2022-08-05 16:59:53
68
原创 用vue input 搜索框 uniapp 模糊搜索 精确搜索 并展现搜索的内容
用vue input 搜索框 uniapp 模糊搜索 精确搜索 并展现搜索的内容
2022-06-09 17:32:57
805
1
原创 小程序实现点击选项卡tabs跳往页面内不同的位置（锚点）或者实现点击按钮返回页面顶部功能
如图，点击左侧不同选项卡可以跳到右侧不同的页面(带动画)该功能主要是根据id的值进行锚点定位结构区<view class="tabs"> <view class="btn"> <view @click="show(1)" :class="index === 1 ? 'active' : 'active1'" >家悦系列</view > <view @
2022-05-27 18:14:47
515
原创 rich-text 组件如何控制富文本内容的样式
我想用 rich-text 来显示一段 html 内容，使用字符串的方式，但是发现并不能直接控制富文本的样式，如果后台传过来的图片尺寸太大，会出现溢出的问题，下面以img为例子提出解决办法<rich-text :nodes="guide"></rich-text>data() { return { guide: ``, }}if (response.code == 200) { let data = res
2022-05-26 11:33:58
499
原创 图片最多显示三张，超出则显示剩余数量或者其它样式
效果图这里需要作两个判断，第一个判断是内容里是否传入了视频，有则显示视频遮罩层，第二个判断是内容里的图片长度是否超过3个，如超过则显示多图遮罩层<view class="img"> <view v-for="(item, index) in imglist" :key="item.id" v-show="index < 3"> <image :src="item.url" alt="" /> &l..
2022-05-19 14:53:24
732
原创 CSS背景图片插入
background-image: url("");background-repeat: no-repeat;background-size: 750rpx 222rpx;width: 100%;height: 222rpx;margin-top: 40rpx;
2022-05-17 16:29:40
125
原创 nth选择器
<view class="imgbox"> <image src="@/static/aboutusimg1.png" alt="" /> <image src="@/static/aboutusimg2.png" alt="" /> <image src="@/static/aboutusimg3.png" alt="" /> <image src="@/static/aboutusim.
2022-05-17 11:11:35
84
原创 前端实现点赞与取消点赞功能
效果如下所示话不多说直接上代码html区：下面的icon也可以换成 图片image 或者其它 用v-if控制点击的变换隐藏<view class="likesbox" @click="clicklikes"> <u-icon name="thumb-up" color="#888888" size="36" v-if="likesshow"></u-icon> <u-icon name="thumb-up-fill" ..
2022-05-16 15:02:47
730
原创 input框的样式和文字placeholder的样式
做到像上图的样式<view class="input"> <view class="left"> <u-icon name="search" color="#355E92" size="48" class="icon"></u-icon> <input class="input1" type="search" placeholder="输入关键词进行搜索" /> </view&..
2022-04-27 10:43:15
190
原创 如何调uView中input和Form表单的样式
如上，我们不想让bottom线占满整个宽度，可以直接找到组件u-form-item，在样式中添加width：80%的样式.u-form-item { width:80%;}用 placeholder="请输入备注内容"<u-input placeholder="请输入备注内容" />再通过内置样式修改input框的长度<u-form-item class="u-text-right u-m-l-40"..
2022-04-14 15:33:46
7527
原创 uview tabs标签根据文字长度占不同的宽
正常情况下 如果list有4个，则会把宽度4等分，如何根据文字的长度设置不同的标签宽度呢<u-tabs :list="list" :current="current" gutter="25" active-color="#659ddd" @change="change" :is-scroll="false" ellipsis="false" :style="...
2022-04-12 17:30:49
3611
1
原创 uniapp 之间的页面跳转
这是跳转到导航栏区域 methods: { clickback() { uni.switchTab({ url: "/pages/businessopportunity/businessopportunity", }); }, },这是跳转到普通的页面clickinfo1() { uni.navigateTo({ url: "/pages/jump/info1", }); },
2022-04-12 16:22:59
61
原创 小程序点击组件或者页面实现路由跳转
比如说要点击一个图片进行页面的跳转 结构区<view @click="click430class"> <img src="/static/image1.png" class="index-image1" alt="" /> </view>行为区click430class() { uni.navigateTo({ url: "/pages/jump/430class", }); },
2022-04-08 11:02:42
139
原创 利用uView的u-tabs标签进行组件之间的切换
<u-tabs :list="list" :is-scroll="false" :current="current" bar-width="50" active-color="#30B1B7" @change="change" ></u-tabs>下面是6个组件，用v-if来控制显示谁<view v-if="current == 0"> <All..
2022-04-07 14:07:12
10880
12
原创 点击不同的按钮(标签)进行内容的切换
<view class="page"> <view class="button"> <span @click="show(1)" :style="{ width: '150rpx', }" :class="index === 1 ? 'active' : ''" >所有资讯</spa.
2022-04-07 10:42:00
137
原创 [ app.json 文件内容错误] app.json: app.json 未找到
运行微信小程序打开项目的时候出现以上错误解决步骤：使用微信开发者工具打开小程序项目的时候，选择【mp-weixin】文件夹，让app.json文件暴露在最外层。如下所示：不要直接导入，而是让app.json暴露在二级目录下...
2022-04-02 11:49:21
501
原创 什么时候使用v-if，什么时候使用v-show?
当组件中某块内容只会显示或隐藏，不涉及到修改数据的情况下，用v-if更加合适；当组件某块内容显示隐藏是可变化的，涉及到修改数据的情况下，此时用v-show更加合理。如果页面数据需要渲染发生改变，用v-show更好，若用v-if可能会导致部分方法失效，数据无法传入......
2022-04-01 11:47:00
500
原创 el-time/date-picker日期时间格式与后端不匹配的问题
datetime表示带时间的日期选择器format表示需要显示的格式value-format表示请求的格式下图是请求失败的情况下图是请求成功的情况我们只需把上述代码修改成如果需要显示时分秒则可以修改成...
2022-03-30 10:22:31
1566
原创 element ui 中el-table如何自定调样式
el-table 中有回调header-cell-style（表头）和cell-style（表内容）以对象的形式返回即可生效
2022-03-23 17:00:27
1362
原创 vue同一个组件设置不同的点击的事件/具体某一模块也可以设置不同的点击事件
有些时候我们想给组件里的具体某一个模块指定一个事件可以用到以下方法页面中的一整个组件页面事件组件所需要注册事件的部分组件事件的方法
2022-03-17 16:43:41
284
原创 组件导致背景图片断层
当我们在一个页面使用多个组件，而且在这个页面设置背景图片的时候，会导致背景图片出现断层或者会让每个组件都有一个背景图，如下所示此时我们需要把背景中的样式改成对象的形式传入，...
2022-03-16 14:40:17
407
原创 不想子元素继承父元素的透明度
将父元素的opacity设置为0.5之后，子元素一定会继承这个属性，且对子元素单独设置opacity，也无效。这样会导致opacity属性无效，我们可以通过将背景色转换为RGG值， background:rgb(0,0,0,0.5),最后一位表示透明度，然后再子元素设置opacity，发现有效（不考虑兼容性）；代码如下...
2022-03-16 11:11:28
531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人