誩。-优快云博客

原创 uniapp 上拉数据加载下拉刷新

uniapp 上拉数据加载下拉刷新下拉刷新在pages.json的相应注册页面上添加 "enablePullDownRefresh": true然后在页面添加下拉事件 onPullDownRefresh() { //下拉刷新 var that = this var index = that.cindex this.check(index) //这里是请求数据事件 uni.showToast({ title: '刷新成功', icon: 'none'

2021-11-11 16:35:31 1157 1

原创 uniapp调用接口封装

uniapp调用接口封装在项目中新建api文件夹，并新建api.jsconst baseUrl = 'http://juanweixius.com'; //这里是封装的域名const httpRequest = (opts, data) => { let httpDefaultOpts = { url: baseUrl + opts.url, data: data, method: opts.method, header: opts.method == 'get' ? {

2021-11-11 16:01:12 979

原创 Vue router前端路由配置以及实现tab切换

vue router安装：npm install vue-router或cnpm install vue-router或yarn add vue-router。安装完成之后会在package.json中找到版本号。 "dependencies": { "core-js": "^3.6.5", "vue": "^2.6.11", "vue-router": "^3.3.4" },在src新建router.js中引用如下代码import Vue from 'vu

2020-07-24 12:43:31 738

原创如何运用Vue自定义组件以及组件的传值

Vue自定义组件引入组件首先在项目内的components新建.vue文件。创建完成之后搭建完整的框架。其实就是新建组件，在此之前，需要在VScode中引入一个插件（vue 2 snippets）,这个插件会让我们在打代码的时候少走一些弯路，他会给我们相应的提示。如下图name值一定要写对。在App.vue引入文件，注册组件。写组件，组件的名称就是文件名。Vue的组件传值Vue组件组件传值：父传子、子传父、子传子在Vue的框架开发的项目过程中，经常会用到组件来管理不同

2020-07-23 19:04:38 2154 1

原创 Vue声明式渲染、条件与循环、事件绑定、双向绑定及生命周期钩子函数

VUE基础介绍Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。-声明式渲染<div> {{ message }}</div> data(){ return{ message:'Hellow Vue', } },看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。-条件与循环

2020-07-22 16:49:12 171

原创 VUE安装环境及项目创建

Vue环境安装配置安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，（可以不安装）使用cmd。安装node,检查node安装是否成功，在git工具中输入node -v(如果成功的话npm一般会随着一起安装,可以输入npm检查一下。在git工具中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org检验是否安装成功：cnpmgit工具输入：npm install -g yarn检验是否安装成功：yarn

2020-07-21 12:11:25 376

原创微信小程序ECharts通过调用api接口实现图表的数据可视化

小程序ECharts使用接口调入数据首先附上js文件链接：axios.js提取码：AxIo将此放到小程序目录下的utils文件夹下在已经完成图表的js文件中完成以下修改：①引用axios.jsconst axios = require('../../utils/axios.js');②写入接口代码function initChart(canvas, width, height,dpr) { const url = '/admin/big_data/height_count';

2020-07-19 19:23:33 3385 1

原创如何在微信小程序中使用ECharts图表

1. 下载插件首先，下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。下载链接：ecomfe/echarts-for-weixin2. 运行项目可查看图表示例3. 使用组件//ec-canvas是提供的组件，将文件夹ec-canvas复制到自己的项目中//配置要应用组件的json文件,我这里是home.json,一定注意路径要写对。{ "usingComponents": { "ec-canvas": "../../ec-canvas/ec-c

2020-07-19 15:53:58 4001 1

原创微信小程序通过经纬度计算两点之间距离

小程序中通过经纬度计算两点之间的距离km1.拾取两地经纬度坐标。data:{ //当前定位位置 latitude: null, longitude: null, // 目的地坐标 latitude2: 116.403119, longitude2: 39.913607, }2.当地坐标的获取。 onLoad: function (options) { if (app.globalData.address) { this.set

2020-07-19 14:15:42 4232 3

孙亚宁的博客