uniapp
算个文科生吧
不搞IT,只想安安心心当个普普通通的文科生
展开
-
this.$httpTokenRequest is not a function uniapp网络封装错误
uniapp网络封装错误request.js网络的封装接口是:main.js全局导入是:代码调用是:解决方法在封装是添加export原创 2021-08-11 15:02:11 · 1390 阅读 · 1 评论 -
uniapp对接口的封装(判断是否携带token)
uniapp对接口的封装(判断身份携带token)先在跟目录下创建utils文件夹存放接口工具类,再在改文件夹下创建myRequest.js// 异步请求接口封装const baseUrl = 'http://localhost:1015';// 不带token请求export const httpRequest = (opts, data) => { uni.onNetworkStatusChange(function(res) { if (!res.isConnected)原创 2021-08-11 14:56:48 · 1701 阅读 · 1 评论 -
uniapp实现组件化列表开发
在使用uniapp开发的时候我们经常需要使用到组件化开发,这样可以减少代码的冗余,今天我来分享一下我的组件化列表开发 创建目录 -MyUniapp -components -modeItem -index.vue //存放组件的代码 -pages -mode -index.vue //父类//先编写组件代码 <!-- 编辑验证码组件@author: lijing@email: lijinghailjh@163.com@Date: 2021 8原创 2021-08-10 10:54:03 · 1926 阅读 · 0 评论 -
uni.switchTab、uni.navigatevack()和uni.navigateTo()的区别
uni.switchTab、uni.navigatevack()和uni.navigateTo()的区别uni.switchTab() ===>是跳转到tabBar页面,并关闭其他非tabBar页面 ,经常用于跳转到首页uni.navigateback() ===>关闭当前页面,返回上一页或多级页面uni.navigatebackTo() ==>保留当前页面,跳转到应用里面的某个页面什么是tabBar:举例:app.json{ "pages": [原创 2021-08-10 09:53:27 · 878 阅读 · 0 评论 -
uni-app自定义导航栏返回路径,(已解决)
uni-app自定义导航栏返回路径,已解决<script> export default { data() { } // onUnload:监听页面的卸载 当前处于A页面,点击返回按钮时,则将是A页面卸载、 onUnload() { uni.reLaunch({ url: '../index/index' //此处是重新定义返回的路径 }) },原创 2021-08-08 11:12:32 · 1045 阅读 · 0 评论 -
在uniapp中实现url地址封装 uniapp实现BASE_URL的全局挂载
uniapp实现BASE_URL的全局挂载在uniapp中实现url地址封装在api.js中定义服务器地址const BASE_URL = 'http://ljh:1015'export default { BASE_URL}在main.js中导入import BASE_URL from './utils/api.js'Vue.prototype.$BASE_URL = BASE_URL这样之后你就可以在该项目中任意一个亲戚中使用了如:uni.request({ url: u原创 2021-08-05 14:29:17 · 7169 阅读 · 0 评论 -
使用Color-ui实现记录列表
使用Color-ui实现记录列表<view class="cu-card article no-card"> <view class="cu-item shadow borderBottom" @click="goEdit"> <view class="content"> <image src="https://cdn.jsdelivr.net/gh/Dorian1015/cdn/img/custom/tuxiang.jpg" mode="原创 2021-08-04 16:56:47 · 676 阅读 · 0 评论 -
采用Color-ui实现自定义app导航栏
采用Color-ui实现自定义app导航栏<view> <cu-custom bgColor="bg-gradual-blue" :isBack="true"> <block slot="backText">返回</block> <block slot="content">获取验证码页面</block> </cu-custom></view>...原创 2021-08-04 16:54:44 · 648 阅读 · 0 评论 -
使用uniapp实现扫码功能
使用uniapp实现扫码功能<template> <view> <view class="action text-gray add-action" @tap="scan"> <button class="cu-btn cuIcon-scan bg-green shadow"></button> 扫一扫 </view> </view></template><scrip原创 2021-08-04 16:51:57 · 2785 阅读 · 1 评论 -
在本页面调用上一个页面的方法
在本页面调用上一个页面的方法<script> export default { methods: { myMethods() { //当前页 var pages = getCurrentPages(); //上个页面 var beforePage = pages[pages.length - 2]; // beforePage.$vm.你需要调用的上一个页面的方法 // 例如: NumSteps(参数) beforePage.原创 2021-08-04 16:44:40 · 601 阅读 · 0 评论 -
uniapp中用1,2分别代表男女性别存入数据库,在页面展示的解决方法:
uniapp中用1,2分别代表男女性别存入数据库,在页面展示的解决方法:<!-- 性别 --> <view class="cu-item animation-slide-bottom" :style="[{animation: 'show ' + 0.4+ 's 1'}]"> <view class="content"> <text class="text-grey">性别</text> </view原创 2021-08-02 14:32:41 · 1520 阅读 · 0 评论