cuizhichao2-CSDN博客

原创 element表格多选：实现点开表格就已经有部分选项勾上

实现思路：调接口，拿到数据渲染表格成功后调饿了吗提供的方法 toggleRowSelection例 this.refs[from]. toggleRowSelection(this.fromList[2],true)from:表格的ref，相当于idtoggleRowSelection:接受两个参数，第一个表示第几个数据，true，为选中状态...

2020-09-24 21:26:23 242

原创 vue脚手架中使用axios调用本地文件和外部接口

下载cnpm i axios --save注册import axios from ‘axios’在created周期调用axios本地文件放在 pubilc文件夹内，不会被webpack，但需要绝对路径才可以引用例：请求本地数据import axios from "axios";export default { async created() { console.log(111); let { data } = await axios.get("./api/home.js

2020-09-20 17:12:31 1630 1

原创 git 常用命令以及在vscode中使用git

创建 .git 文件git init全局设置姓名和emailgit config --global user.name “ASxx”emailgit config --global user.email “123456789@qq.com”建立联接git remote add origin https://www.fsdff.com拉取到本地仓库git pull origin master将文件保存到缓存区git add . //(“.”表示...

2020-09-19 16:38:49 413

原创 vuex基础+示例

为什么用vuex？组件子间传值有局限，不能处理复杂的情况，什么情况下使用：两个组件或更多组件都要用到同样的数据，跨多个组件传值，记录用户登录信息，（不需要多个组件传递用户信息，需要的时候去vuex里面去取就可以了）新建vuex：state:相当于data,数据不能随便更改，只能通过mutations（相当于methods）修改getters:相当于computed,计算属性，依赖改变触发mutations:相当于methods,每个方法都有两个参数，第一个是state,不需要传，第二个是dat

2020-09-17 18:00:19 165

原创定位5.根据地址获取经纬度，一对多获取距离和时间等相关信息

$getLocation详见4.定位4.点击按钮获取地图选择位置+整合代码独立封装+定位全部代码Router详见小程序demo11.wxml<view> <view wx:for="{{shopList}}"> {{item.name}}---{{item.address}} <view>{{item.other.distance}}m</view> <view>{{item.other.duration}}s&l

2020-09-04 11:33:12 367

原创定位4.点击按钮获取地图选择位置+整合代码独立封装+定位全部代码

$set，Router 和类似代码详见小程序：demo11.wxml<van-cell-group> {{address}}  <van-field autosize type="textarea" model:value="{{ s_address }}" center clearable label="短信验证码" placeholder="请输入短信验证码" border=

2020-09-03 23:55:39 260

原创定位3.根据经纬度在获取的腾讯地图接口上找到地址

详见demo11.注册腾讯地图>设置key>key管理勾选WebServiceAPI2.开发文档>服务端WebServiceAPI>逆地址解析（坐标位置描述）//获取get请求的接口,location和key必填3.wxml<van-cell-group> {{address}}  <van-field autosize type="textarea" model:value="{{

2020-09-03 22:29:43 802

原创定位2.小程序一个按钮获取定位授权以及设置，封装调用

详见：demo11.wxml:<button bindtap="getAddress3">获取定位</button>2.jsimport Router from '../../utils/index'import { getLocationWithSetting} from '../../utils/location'Router({ async getAddress3() {//异步执行函数getLocationWithSetting let re

2020-09-02 23:56:00 275

原创定位1.微信小程序按钮切换获取定位权限一个授权，一个设置

详见：小程序demo11.wxml:<button wx:if="{{isok}}" bindtap="getAddress">获取定位</button><button wx:else bindtap="getAddress1">获取定位</button>2.app.json"permission": { "s

2020-09-02 21:39:08 1155

原创 3.小程序：模拟前端给条件，后台发送符合条件的数据

详见小程序demo1/menu页面点击左边侧边栏，右侧边栏刷新获取新的数据1.前端：wxml:点击事件changeMenu<view wx:key='i' bindtap="changeMenu" data-i='{{index}}' class="{{activeIndex===index?'active':''}}" wx:for='{{menu}}'>{{item.name}}</view>js:changeMenu(e) { let { i

2020-09-02 20:31:32 173

原创 2.小程序：后台提供接口前端获取接口数据

后台过程详见：前端传入数字后台生成二维码，后台使用mockjs生成数据一.后台的代码//详见：d:/style/nodevar qr = require('qr-image');var fs = require('fs')var express = require('express')var app = express()var mock = require('mockjs')let typeList = mock.mock({ 'list|10': [ {

2020-09-02 20:30:32 588

原创 1.小程序：前端传入数字后台生成二维码，后台使用mockjs生成数据

vsCode当作node后台生成二维码1.创建package.json文件npm init -y2.根目录下创建需要的index.js3.启动index.js 终端： node index.js4.保存自动启动index.js 终端下载： cnpm i nodemon -g终端启动： nodemon保存后自动启动index.js5. 使用qr: var qr = require('qr-image');var fs = require('fs')var qr_svg = qr

2020-09-02 20:27:52 378

原创小程序页面之间传值例：点击搜索跳转到搜索页，传回需要搜索的值

详见demo11.有值的页面wxml:：<view data-keywords='声' bindtap="search">声</view>2.有值的页面js:import Router from '../../utils/index'Router({ search(e) { let pages = getCurrentPages() //getCurrentPages获取当前页面栈。数组中第一个元素为首页，最后一个元素为当前页面。 let prev

2020-09-02 18:11:48 514

cuizhichao2的博客