自己的小问题收集
努力做一个好前端
Tell me and I forget . Teach me and I remember. Involve me and I learn
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue中总线机制(EventBus) EventBus作为所有组件共享的事件中心
EventBus 又称时间总线 ,理解上来讲 EventBus 机制是通知的概念,EventBus作为所有组件共享的事件中心,既可以发送事件也可以接受事件,所有组件都可以平行的接到到相对应的数据。使用 EventBus.$emit(‘事件名称’,数据)进行发送数据。在点击页面的点击事件里面写:前面是事件,后面是值。在需要事件调用的页面:前面是事件,后面是值。页面需要引入EventBus文件。页面需要引入EventBus文件。原创 2024-07-04 17:35:29 · 417 阅读 · 0 评论 -
el-table 表格头部合并
【代码】el-table 表格头部合并。原创 2023-07-26 09:20:31 · 1282 阅读 · 0 评论 -
el-radio的change事件点击无法获取到点击的value
把@change改成@input。原创 2023-03-19 00:28:36 · 738 阅读 · 0 评论 -
el-tooltip鼠标放上去展示图片
【代码】el-tooltip鼠标放上去展示图片。原创 2023-02-10 10:22:53 · 1140 阅读 · 0 评论 -
微信小程序子组件监听父组件传来的值
【代码】微信小程序子组件监听父组件传来的值。原创 2022-12-01 16:22:46 · 1107 阅读 · 0 评论 -
小程序拿到数组中某个对象下标
【代码】小程序拿到数组中某个对象下标。原创 2022-11-24 15:30:12 · 505 阅读 · 1 评论 -
Vue——vue-particles粒子背景
vue-particles 是什么?它是一个粒子背景插件。1.安装插件2.在main.js文件中全局引入3.在需要使用粒子背景的组件中使用(一般是首页或者登陆背景中使用)原创 2022-11-08 16:55:26 · 909 阅读 · 0 评论 -
小程序文章转发到企业微信朋友圈——自己记录可能不适合每个人
调用wx.qy.login拿到返回的code,然后调用企业微信接口,我这边是跟后台要的,主要是拿到sessionKey和userid,然后将这两个值在放在app里面。2.由与我平时不是企业微信看这个小程序,我就是在使用这个方法的时候掉用这个方法,如果你需要的话,可以在app.js里直接使用这个方法。3.这里是转发到企业微信的方法,因为我可能是多图上传到朋友圈所有我在前面定义了一下。1.先在app.js里判断是不是企业微信登录。原创 2022-11-04 11:31:41 · 993 阅读 · 1 评论 -
js空格分割数组
【代码】js空格分割数组。原创 2022-10-31 14:52:08 · 267 阅读 · 0 评论 -
小程序后台传过来富文本内容,小程序展示文本——不用js
做项目过程中,经常遇到接口里传过来的内容是包含html标签的,但是样式又不全面,导致在小程序显示的时候,整个界面都是乱的。这时候就要用到rich-text。原创 2022-10-30 11:34:45 · 678 阅读 · 0 评论 -
小程序图片压缩阿里云——?imageMogr2/format/webp
然后去你需要用的js文件下的data里定义。先在app.js里定义。原创 2022-10-28 17:25:44 · 916 阅读 · 4 评论 -
微信小程序wxs的使用——简单版判断状态显示文字
介绍:wxs是小程序的一套脚本语言,有自己的语法,但是大部分语法还是和js区别不大。使用:先在wxml最上面写wxs。在view或者text使用。原创 2022-10-28 15:49:02 · 696 阅读 · 0 评论 -
小程序wx:for自定义一个变量
wx:for自定义一个变量原创 2022-10-28 15:40:36 · 402 阅读 · 0 评论 -
小程序子组件给父组件传值并且调用方法
小程序子组件给父组件传值并且调用方法详细版原创 2022-09-23 14:02:38 · 650 阅读 · 1 评论 -
小程序将跳转传参带对象
跳转带对象原创 2022-08-09 09:17:26 · 206 阅读 · 0 评论 -
微信小程序分享给好用分享到朋友圈
分享原创 2022-07-27 17:28:23 · 139 阅读 · 0 评论 -
微信⼩程序实现限制⽤户转发功能的实例代码
转发原创 2022-07-27 17:12:53 · 1258 阅读 · 0 评论 -
tab切换
11原创 2022-07-12 11:31:38 · 117 阅读 · 0 评论 -
vue 在数组里加字段
数组加字段原创 2022-07-12 11:34:20 · 770 阅读 · 0 评论 -
小程序接口后面跟ID
request.requestQueryLoading(api.port.myCustomerBalance + '/' + from.id, '', '加载中', 'GET', function (res) { if (res.code == 200) { that.data.balance = res.data.balance that.setData({ balance: that.data.balance })原创 2022-05-30 14:51:58 · 409 阅读 · 0 评论 -
小程序使用scroll-view滑动到底部触发下一页的方法
1.在页面上建一个scroll-viewbindscrolltolower----bindscrolltolowerlower-threshold----距底部/右边多远时,触发 scrolltolower 事件wxss: <scroll-view scroll-y="true" bindscrolltolower="touchBottom" lower-threshold='50' style="height:87%"> //里面放内容 </scroll-view>原创 2022-05-18 16:14:27 · 2665 阅读 · 1 评论 -
子组件调用父组件方法
this.$parent+父组件方法this.$parent.getList()getList() 是父组件的方法原创 2022-04-17 16:54:20 · 305 阅读 · 0 评论 -
vue一些小点记录
Object.assign详解记录Promise resolve()的用法原创 2022-04-01 14:50:02 · 946 阅读 · 0 评论 -
微信小程序slot详解
tabs 是自定义组件,然后被index 调用,然后直接在tabs中定义一个solt,index调用tabs的时候往里面写东西就制动填solt,多个的话有name属性的:<slot></slot> //占位在父页面原创 2022-03-07 17:18:46 · 2202 阅读 · 0 评论 -
this.triggerEvent详细解释
在当前页面想要获取组件中的某一状态需要使用到this.triggerEvent(’ ',{},{}),第一个参数是自定义事件名称,这个名称是在页面调用组件时bind的名称this.triggerEvent('click', { data: e.currentTarget.dataset.item });其他页面 methods: { click() { this.triggerEvent('click') } }...原创 2022-03-07 16:54:57 · 3010 阅读 · 0 评论 -
微信小程序CSS设置优惠券样式
<view class="couponDeo"> <view class="couponValues"> <view class="symbol coin">¥</view> <view class="symbol price ">50</view> </view> <view class="chit">代金券</view> </view> <view class="c原创 2022-01-11 11:03:58 · 1939 阅读 · 1 评论 -
小程序组件使用父页面的方法
A :组件B :页面在组件里定义一个方法:里面写你要对父组件的操作 pop(){ var pages = getCurrentPages(); if (pages.length > 1) { //上一个页面实例对象 var prePage = pages[pages.length - 1]; //关键在这里,这里面是触发上个界面的方法 prePage.pop({ maskHidde原创 2022-03-03 11:18:47 · 450 阅读 · 0 评论 -
小程序阻止事件冒泡
小程序阻止事件冒泡https://blog.youkuaiyun.com/qq_36002582/article/details/78755427—给自己看的—原创 2022-02-21 10:04:16 · 204 阅读 · 0 评论 -
微信小程序scroll-view中的scroll-x=“true“解决法
<scroll-view scroll-x="true" class="box-record" style="white-space: nowrap;width: 100%;height:{{swiperHeight}}rpx"> <view wx:for="{{list}}" style="display: inline-block;margin-left: 36rpx;"> </view> </scroll-view>重原创 2022-02-18 15:59:52 · 1355 阅读 · 0 评论 -
小程序设置文字一行展示,显示省略号
-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;原创 2022-02-17 15:56:08 · 1299 阅读 · 0 评论 -
小程序--子页面触发父页面的方法
触发父页面方法原创 2022-02-14 16:10:07 · 745 阅读 · 0 评论 -
**小程序view中文字设置的小tips**
小程序view中文字设置的小tipsfont-weight: bold;首行缩进text-indent: 2em;字体间距letter-spacing:3px; 文字间的行高line-height:1.5em;设置字体font-family:“宋体”原创 2021-08-06 16:11:40 · 348 阅读 · 0 评论 -
微信小程序图片设置超出隐藏
.icon-yishiyong { overflow: hidden; opacity: 0.6; font-size: 185rpx !important; z-index: 0; margin-top: -95rpx !important; margin-left: 274rpx; color: #d3d3d2 !important;}原因:(加上overflow: hidden;)overflow: hidden;| visible | 默认值。内容不会被修剪原创 2022-02-10 16:23:47 · 1532 阅读 · 0 评论 -
文字向下对齐
display:flex; align-items:flex-end;原创 2022-01-24 15:15:19 · 573 阅读 · 0 评论 -
小程序循环出来的数据,使用它
设置data-subitem(也可以自定义) <text class="appoinEwm" bindtap="goTo" data-subitem="{{item}}">预约二维码</text> goTo(options){ console.log('e',options) let subitem = options.currentTarget.dataset.subitem; this.setData({ cancelOrder:fal原创 2022-01-20 18:34:05 · 280 阅读 · 0 评论 -
小程序制作二维码和条形码
canvas里的内容就是绘制的二维码<view style="margin-left:130rpx"> <canvas canvas-id="qrcode" style="width:402rpx !important;height:404rpx !important" /> </view> <view style="margin-top:110rpx;margin-left:77rpx; display: flex;fle原创 2022-01-20 17:41:24 · 983 阅读 · 0 评论 -
小程序点击复制按钮,复制单号
wxml:<view class="fromItem"> <view class="fromLable">退货单号</view> <view class="fromValues">{{orderDetail.returnNo}}<view class="copy" bindtap="copyText" data-key="{{orderDetail.returnNo}}">复制</view></v原创 2022-01-14 09:49:01 · 808 阅读 · 0 评论 -
vue el-drawer修改宽度
<el-drawer title="我是标题" :visible.sync="drawer" :direction="direction" :before-close="handleClose" :size="size"> <span>我来啦!</span> </el-drawer>在data里设置size:'50%',完结撒花!原创 2021-12-22 14:19:57 · 3195 阅读 · 2 评论 -
vue接后台接口
//积分export function 命名(data){ return request({ url: '/xxx/xxx', method: 'get', params: data })}重点:如果传data,前面必须要加params否则带不了参数原创 2021-12-21 14:36:58 · 277 阅读 · 0 评论
分享