
taro+vue
*初级小白*~
这个作者很懒,什么都没留下…
展开
-
下拉框选择
需求:点击下拉框,选择对应的要求放在框中。如下图代码:原创 2022-01-18 16:20:46 · 603 阅读 · 0 评论 -
0和空值比较
需求:有时候数据库的某个值会有0和空值,当我们判断的时候,用==判断他俩,是会相等,因此要用===判断原创 2022-01-18 13:54:42 · 648 阅读 · 0 评论 -
微信小程序+vue+taro:搜索框
需求:获取输入框的值完整代码<template> <view> <view class="join"> <view class="body"> <view class="apply">申请加入商家</view> <view class="search"> <icon class="search-icon" type="search"原创 2022-01-14 18:03:55 · 546 阅读 · 0 评论 -
微信小程序+vue+taro:request的封装请求
Taro的封装请求在同级目录下新建文件夹config创建request.js文件ajax封装,请求响应拦截处理import Taro from '@tarojs/taro';let Ajax = (url, method, data, header) => { // 请求拦截处理写在这里 // Taro.showLoading({ // title: '加载中', // icon: 'loading', // mask: true // });转载 2022-01-13 17:49:04 · 1836 阅读 · 4 评论 -
微信小程序+vue+trao框架:实现点击接收订单隐藏,其他不变
需求:在订单页面中,有两个按钮:订单详情与接收订单,当我们点击接收订单时,接收订单按钮隐藏,,只剩下订单详情按钮依次点击依次隐藏思路:在请求数据接口,要有一个状态值代表0和1,0是未完成,接收订单出现,0是已完成,接收订单隐藏点击按钮的代码...原创 2022-01-10 17:01:24 · 363 阅读 · 0 评论 -
微信小程序:websocket
服务端服务器使用的是node.js配置创建node.js环境先建立一个新的文件夹server下载ws模块:npm install ws下载完毕引入ws模块的构造函数并实例化新建app.js文件,用来编写代码,引入ws模块并且实例化//引入ws模块的构造函数var webSocketServer = require("ws").Server;//实例化var wss = new webSocketServer({ port: 3001});监听前端发送的信息转载 2021-12-29 09:46:56 · 665 阅读 · 0 评论 -
微信小程序:用户授权登录
点击“微信一键登录”按钮,触发login_weixi事件先查看是否勾选了底部按钮,勾选了就获取用户信息,每次请求成功都会弹出授权窗口,把用户信息缓存到storage里面,方便下次调出,然后在跳转到我的页面,把用户信息渲染出来在我的页面,使用微信小程序的onShow方法,获取缓存里面的用户信息,并保存到userinfo里面我的页面:渲染用户信息退出登录:...原创 2021-12-24 15:07:46 · 966 阅读 · 0 评论 -
checkbox的点击事件
需求:当我们点击“手机密码登录”按钮的时候,会先提示“请阅读并勾选底部协议”的提示语,勾选了底部的按钮,点击“手机密码登录”才会跳转到另一个页面代码实现:先给按钮手机密码按钮绑定一个事件再给checkbox绑定事件,并且双向绑定checked,监听checked的变化先给双向绑定的checked赋值为false,无勾选在方法里面复选框的点击事件的checked取反最后在手机密码登录的按钮实现点击事件...原创 2021-12-24 09:58:33 · 5799 阅读 · 0 评论 -
taro框架+vue+微信小程序:实现轮播图
轮播图实现 <swiper class="box" :interval="interval" indicator-color="#679bd4" :indicator-dots="true" :style="{height:h}" > <swiper-item v-for="item in swiperList" :key="item.goods_id"> <view class原创 2021-12-22 10:40:32 · 574 阅读 · 0 评论 -
vue+taro:实现轮播图的自适应高度
index.vue<template> <view> <swiper class="box" :interval="interval" indicator-color="#679bd4" :indicator-dots="true" :style="{height:h}" > <swiper-item> <view class="text">原创 2021-12-21 09:58:31 · 602 阅读 · 0 评论