light丶

2021年4月8日

摘要：首先要在父组件里引入子组件父在父组件里声明一个事件，并不进行操作子在子组件里声明一个点击事件然后在方法里使用 $parent:是在子组件中可以直接访问该组件的父实例或组件 methods: { one(){ this.$parent.changen(); //操作父组件的方法 change 阅读全文

posted @ 2021-04-08 15:51 light丶阅读(5547) 评论(1) 推荐(0)

Vue子传父$emit（组件之间通信）

摘要：如图当我们使用子组件的值传给父组件时要用到$emit 子组件给子组件设置一个事件，括号里是传的值，如图然后在自定义事件里使用和emit，如图，注$emit(‘事件名’,要传给父组件的值) 当我们点击子组件的(changcount)事件时很触发父类的(mycontevent)事件监听父组件阅读全文

posted @ 2021-04-08 11:48 light丶阅读(5724) 评论(0) 推荐(0)

2021年4月7日

Vue父传子props（组件之间通信）

摘要：在使用组件通信时我们先看一张图看完后就知道使用父传子时要用到props，现在就开始使用在vue里创建一个父组件，和一个子组件父组件传值在父组件App.vue里先导入子组件然后注册然后再 template 直接使用 <template > <div> <MyMain> </MyMain> < 阅读全文

posted @ 2021-04-07 17:53 light丶阅读(1801) 评论(0) 推荐(0)

2021年1月21日

微信小程序用户协议须知隐私单选checkbox选中状态判断

摘要： HTML <view class="term"> <checkbox-group bindchange="checkboxChange"> <checkbox value="{{myVal}}" checked="{{is_agree}}"/> 我已阅读并<text class="fr1" bind 阅读全文

posted @ 2021-01-21 16:03 light丶阅读(3668) 评论(0) 推荐(0)

微信小程序弹框组件

摘要：在pages同层目录下创建一个componets如图在componets下创建一个文件夹对dialog文件夹右键使用新建componet（注Component 构造器可用于定义组件）在dialog.json文件里 component必须为ture，以下是HTML <view class="d 阅读全文

posted @ 2021-01-21 14:59 light丶阅读(1264) 评论(0) 推荐(0)

2020年12月17日

微信小程序支付

摘要：支付流程如图：一.创建订单 1.在创建订单时要先获取用户登录成功后的token值 1.1获取用户的token值，要先获取用户信息，和code值参给token 1.1(1)给支付绑定一个点击事件以下字段主要用作后台服务器生成用户token所有，无特殊用意 encryptedData(执行小程序获取阅读全文

posted @ 2020-12-17 15:28 light丶阅读(273) 评论(0) 推荐(0)

2020年12月14日

微信小程序、常规分包、独立分包、分包预下载

摘要：小程序的容量大小是2MB一但超过就会提示不能上传或真机，这时候通过分包可以解决，分包一般放的是tabBar主页下面的跳转页面分包构视图 ├── app.js ├── app.json ├── app.wxss ├── packageA │ └── pages │ ├── cat │ └── dog 阅读全文

posted @ 2020-12-14 17:41 light丶阅读(976) 评论(0) 推荐(0)

微信小程序封装请求功能函数---ajax

摘要：在根目录下新建一个文件夹在utils下新建两个 js文件在config.js文件下导出静态路径在request.js下引入config.js文件导出数据,动态数据要抽取成参数url,data,method(请求的方式,post,get)默认get export default (url,da 阅读全文

posted @ 2020-12-14 16:08 light丶阅读(354) 评论(0) 推荐(0)

获取用户登录凭证code

摘要：绑定一个点击事件通过wx.login获取微信的一个登录凭证code 阅读全文

posted @ 2020-12-14 15:30 light丶阅读(544) 评论(0) 推荐(0)

CSS文本溢出使用省略号

摘要：单行超出隐藏使用省略 max-width: 400rpx; /* 最宽400rpx */ white-space: nowrap; /* 不允许换行 */ overflow: hidden; /* 隐藏 */ text-overflow: ellipsis; /* 单选文本溢出使用省略号 */ 多行阅读全文

posted @ 2020-12-14 10:00 light丶阅读(256) 评论(0) 推荐(0)

公告