lkyhhy-CSDN博客

原创 element-ui的upload组件(图片）的使用

问题描述：图片、文件等上传。一、npm 安装。二、使用。<el-upload class="avatar-uploader" :action="UploadUrl()" :show-file-list="false" :on-success="success" :before-upload="beforeAvatarUpload" :headers="...

2019-12-31 16:11:02 542

原创 vue封装axios！！！！

一、安装引入axios（npm安装，var axios = require(‘axios’)）二、新建一个js文件随便叫什么名字，比如axios.js三、设置请求的基础路径（域名，ip等）// 配置API接口基础地址// axios.defaults.baseURL = process.env.API_ROOT(来回切换)// axios.defaults.baseURL = ‘http...

2019-12-31 15:48:42 255

原创 Vue父子组件传值props

一、父传子1、新建一个子组件，export defaut{name:‘ClientEdit’,}2、在父组件引入，import ClientEdit from ‘./EditPerson’// 注册components:{ClientEdit}// 使用<client-edit v-if=“editFalg” :isEditFalg =“editFalg” @clos...

2019-12-24 20:51:25 403

原创前端后端交互，请求数据

一、使用axios直接百度搜索axios的官方网站。查看使用例子。如图我写的例子，二、小程序的wx.request({})三、原生的http，（可以百度查看使用教程）总结：简单的记录下。...

2019-12-22 21:11:29 289

原创前端请求之常见的http状态码。

**一、2开头的** 1、200，表示请求成功，但实际开发中还是要看response里的data到底是不是你自己要想的数据。 2、201，表示请求成功(新创建或添加，最近遇到的后端返回的，之前不知道一直都认为是200)**二、4开头的(客户端也就是前端)** 1、404 原因：请求的url错误，解决办法：检查自己请求的url是否有写错，如果没写错则反馈给后端，是不是给错了。...

2019-12-21 17:42:51 1106

原创小程序之获取手机号码

一、问题（业务描述）。在做小程序开发中，获取用户的信息是基本操作，需要获取到用户手机等信息。而手机号码则不能直接从小程序的getUserInfo这个api直接获得，需要后端配合解密才能获取。二、实施步骤。1、先查看用来开发的AppID是否已通过微信认证（个人号无法认证也就是个人号无法获取别人的手机号码）。登录到微信公众号基本信息查看，如图：2、在wxml页面实现<button w...

2019-12-21 16:47:42 1657

问题描述：在小程序开发中，一定会遇到关于选项卡的问题。很多人都是选择使用swiper实现这个功能，但是使用swiper又有个问题就是swiper组件的高度已经默认是150，这时候就可以给swiper设置高度或者给swiper一个变量高度让他自动根据内容来设定高度来达到自定义高度而不是限死。但是在实际中，有些页面是高度是不可预测的，要根据后端给的数据而渲染，这时就可以使用swiper的style="...

2019-08-26 14:36:33 686

原创 vue的鼠标滚动切换路由（页面）事件

1、在vue项目开发中，有时候会遇到一个页面高度只有一个屏幕的高（甚至还不到），但这是就要实现鼠标的滚轮向前或向后滚动就切换路由即切换页面这个功能。实现步骤：一：给页面添加鼠标的滚动事件， //做鼠标滚轮事件的兼容 // chrome and ie（谷歌和IE） window.addEventListener('mousewheel',th...

2019-07-17 10:39:27 1672 4

原创方向箭头的小图标

1、先看效果图：步骤：一、先画个div，再画个div（块级元素），再在里边给3个div（3条线）HTML结构：二、css实现的代码.div{ width: 100%; height: 150px; display: flex; jus...

2019-07-10 18:00:16 1040

原创小程序之选项卡（动态获取数据选项）

一、先写页面，在wxml使用swiper轮播图可实现选项卡功能（这部分我也是参考了网上的小伙伴的分享）。<view class='topTabSwiper'> <block wx:for="{{navlist}}" wx:key="index"> <view class='tab {{currentData == index ? "tabBo...

2019-05-06 00:19:11 2217

原创小程序template的使用

一、创建模板独立建立一个tempate目录,如下，给模板起个name用来选择哪个模板<template name='mianmo'> <image src='{{over_image_url}}'></image> <view>{{item_name}}</view> <view>{{sale_point}}...

2019-04-29 00:26:43 449

qq_43062569的博客