- 博客(129)
- 收藏
- 关注
RSS订阅
原创 map方法
总结：有些后台返回的数据需要双层循环遍历才能拿出里面的值。可以用map去遍历，自己定义一个字段，去存储到数据外层。this.DownData=res.data.map(item=>{ item.exsection=item.section==1?'总经理':item.section==2?'前台':item.section==3?'计调':item.section==4?...
2020-01-21 13:32:18
602
原创 vue环境安装
一、vue环境安装1.首先在电脑上安装node.js2.win+r cmd 用node -v检查node.js是否安装好了3.安装安装淘宝镜像：npm install -g cnpm --registry=http://registry.npm.taobao.org完成之后，用cnpm -v 检查4..安装vue脚手架：npm install --global v...
2019-07-19 18:22:12
212
原创 数组集合，内置对象Array
1.声明方法var arr=new Array();2.赋值（基本方式）var arr=new Array(1,3,5,6,7);（多个值时是数组集合） var a=[1,3,5,6,7]（简写方法）var arr=new Array(3);（一个值时是数组长度，可以省略不写）arr[0]=1;arr[1]=3;arr[2]=4;注：赋的值不一定是...
2019-01-11 23:18:16
258
原创 js字符串的函数
（1）concat：拼接两个字符串，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b); hello,world（2.1）indexOf：查找当前字符是否存在。查找字符返回索引位。（从左到右搜索）。如果没有该字符则返回 -1 。var index1 = a.indexOf("l...
2019-01-11 21:10:39
734
1
原创 element-ui select下拉框分页（滚动加载更多）
当下拉框数据过多时,加载会非常慢,所以使用分页去显示,通过监听滚动事件来达到分页效果。
2023-02-28 14:36:18
2013
4
原创 使用uniapp开发APP实现版本更新并安装
在manifest.json中输入本次版本号。在 首页 中判断是否显示 更新提示 弹窗。通过一个弹窗去实现版本更新提示。注：获取本地包版本号。
2022-12-02 16:49:53
3591
12
原创 element ui修改表格悬停色
注：第一种方法在右侧操作栏使用了固定后，操作栏的悬停色就无法改变了，可以使用第二种方法。其实在调试台可以看见，悬停时是给行加了一个hover-row的class名称。
2022-11-18 10:43:30
2289
1
原创 vue中使用百度编辑器ueditor
ueditor并不支持通过 npm 的方式来安装，所以需要去官网下载解压后放入你的项目public或static目录下。
2022-10-26 09:32:31
1928
原创 uniapp下拉框组件
之前写过一个小程序的，引入单个下拉框是没有问题的，但是一个页面引入多个下拉框组件的话就会有bug，比如可以同时展开多个下拉框的问题，在此修复了。如果大家有什么好的办法可以告诉我一下嘛~如果想在js中输出this.isjiantou0 this.isjiantou1 this.isjiantou2 ...，可以使用模板字符串。
2022-09-20 11:04:30
6291
1
原创 import ... from和import {} from 的区别
2.在一个文件或模块中，export 、import可以有多个，export default仅有一个。3.通过export方式导出，在导入时要加{ }，export default则不需要。1.export与export default均可用于导出常量、函数、文件、模块等。4.export能直接导出变量表达式，export default不行。导入有区别是因为导出本身就不一样。
2022-09-16 17:27:05
307
原创 uniapp开发APP实现导航栏顶部搜索功能
注：在安卓真机上，onLoad，onShow，onPullDownRefresh，或通过setTitleNViewSearchInputText方法赋值为空时，都会调用onNavigationBarSearchInputChanged 这个方法，所以如果请求列表数据时，要注意，不然会重复请求列表数据。但在ios真机上，onLoad，onShow，onPullDownRefresh，或通过setTitleNViewSearchInputText方法赋值为空时都不会调用onNavigationBarSear
2022-09-16 10:44:42
6387
3
原创 uni-app开发的APP，启动时通过登录状态判断跳转到哪个页面
实际场景：用户打开APP时，如果他没登录，则跳转到登录页，如果已经登录，则跳转到首页。在项目的manifest.json中配置启动界面，通过手动去关闭启动页(页面跳转好了以后在关闭启动页，无论page.json中配置的第一个页面是哪个，都不会闪屏)
2022-09-15 17:08:16
2589
2
原创 使用uniapp开发APP时的调试/安卓打包等
2.打开开发者模式，华为手机举列-->设置-->关于手机-->版本号，多次连续点击“版本号”，就会提示已打开 开发者模式。4.在Hbuild中打开项目，选择 运行-->运行到手机或模拟器，当前使用uniapp开发的APP就可以运行到手机了。1.打开webview调试(在Hbuild中打开项目，选择 视图-->显示Wbeiview控制台)3.华为手机举列-->设置-->系统和更新-->开发人员选项-->打开 USB调试，进入调试模式。按照上面的操作运行到手机时，看不到接口的请求以及样式等，可以按照如下操作。
2022-09-14 15:04:38
13830
原创 数字相加的精度问题
计算机是通过二进制的方式存储数据的，所以计算机在计算0.1+0.2的时候，实际上是计算两个数字的二级制的和，所以0.1+0.2并不等于0.3。number型的0.00，显示在页面上会是0，想要显示0.00，必须为字符串型。将数字乘10、乘100，转换成整数后相加，在除掉乘的那个数，就可以了。...
2022-07-22 15:00:46
322
原创 vue中使用的echarts从4.x升级到5.x
一、先卸载旧版本npm uninstall echarts --save二、安装 新版本npm install echarts --save三、按需处理更换引入方式import * as echarts from "echarts"（以前：import echarts from "echarts"）这种方式依然支持，但官方建议用最新的引入方式，可以最大程度的利用打包工具 tree-shaking 的能力，并且可以有效解决命名空间冲突的问题而且防止了内部结构的暴露。co
2022-04-26 15:33:02
9210
原创 vue组件之间的传参总结
之前写的Vue 子父组件间的传值_WeiflR10的博客-CSDN博客一、父传子（prop）第一步：在父组件中定义数据，例：tohome data () { return { tohome:"给home组件传值", } },第二步：在<v-home>上绑定个属性，例:title<v-home :title="tohome"></v-home>第三步：子组件利用props接收父组件的传值 方法一 props:
2022-04-14 11:37:57
1132
原创 vue中watch的使用
watch是监听 Vue 实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值。基础用法<template> <div> </div></template><script>export default { data(){ return { alldata:1, shipStatusArr{ name:"张三" } } }, watc
2022-04-06 16:50:42
2613
原创 循环遍历的几种方式总结
一、for普通for循环 是最早出现的遍历语句// 遍历数组let arr = [1,2,3,4,5];for(let i = 0; i < arr.length; i++){ console.log(i); // 索引，数组下标 0 1 2 3 4 console.log(arr[i]); // 数组下标所对应的元素 1 2 3 4 5} // 遍历对象let obj = {name:"leo", age:20, country:"China"};co
2022-03-28 16:24:45
4920
原创 vue中使用qrcode生成二维码
下载qrcode插件 npm install qrcodejs2 --save单文件引入使用import QRCode from ‘qrcodejs2’使用<template> <div style="margin-left:200px"> <div> <button @click="getapp">生成二维码</button> </div>
2022-03-07 16:19:11
5982
原创 vue中的slot插槽学习
这是子组件<template> <view> 我是子组件 </view></template>这是父组件<template> <view> 我是父组件 <ys-list> <view>直接写是不行的</view> </ys-list> </view></te
2022-03-02 17:15:43
973
原创 使用uniapp开发APP，自定义导航栏按钮
先上效果图首先要在page.json中配置app-plus官方文档:uni-app官网{ "path": "pages/index/index", "style": { "navigationBarTitleText": "个人信息", "app-plus": { "titleNView": { "buttons": [{ "text": "保存", "fontSrc": "/static/icon/ic
2022-03-02 16:53:56
4843
1
原创 uniapp安装uview
一、直接去uniapp的插件市场找到后下载我下载后 uview-ui在uni_modules文件下，我把uview-ui放在了根目录下，删除uni_modules这个文件夹二、配置1.首先必须得安装sass插件2.引入主js库在main.js中引入，注意这两行要放在import Vue之后import uView from "uview-ui";Vue.use(uView);3.引入uView基础样式在app.vue中写<style lang="scss"&
2022-02-17 11:11:09
1394
原创 uniapp中封装图片上传功能
本来是使用uview就是这样的<template> <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="9" ></u-upload></template><script> export default { data() { return {
2022-02-17 10:48:18
2631
11
原创 uniapp封装请求
const baseURL = '192.111.111.111'export default { get(params) { return this.request(params, 'GET') }, post(params) { return this.request(params, 'POST') }, request(params, method) { let url = baseURL + params.url; let header = { 'content.
2022-02-16 11:42:30
2350
原创 使用v-if后获取this.$refs.xxx为undefined
原因就是在获取的时候，dom元素并没有加载完成。解决方式：使用$nextTick$nextTick定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。this.$nextTick(()=>{ console.log(this.$refs.aaa)})...
2022-01-04 14:24:21
1075
原创 echarts的深入学习
安装使用请参考<template> <div id="myChart1"> </div></template><script>import echarts from "echarts"let echarts2 = require('echarts/lib/echarts') // 引入基本模板require('echarts/lib/chart/bar') // 引入柱状图组件requ
2021-12-31 12:47:26
786
原创 小程序全选
效果图：wxml<view style="position:relative;top:100rpx;"> <checkbox-group bindchange="selectChange"> <!-- 全选按钮 --> <view> <checkbox value="all" bindtap="selectall" />全选 </view> <view class="content" wx:.
2021-11-23 18:06:22
503
原创 遍历两个数组，使得值相等的时候，给第一个数组增加一个值为 true 的属性。
问题：遍历两个数组，使得值相等的时候，给第一个数组增加一个值为 true 的属性。<template><div class="idnex"> <div v-for="(item,index) in list1" :key='index'> <span>{{item.id}}</span> <span class="trues">{{item.istrue}}</span>
2021-11-22 10:42:22
998
原创 手写日历组件（vue+js）
<div class="cldBody"> <table> <thead> <tr id="week"> <td>日</td> <td>一</td> .
2021-11-18 11:55:24
763
原创 css实现横向滚动条
第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> <title>
2021-11-18 09:43:43
8828
原创 vue-cil3搭建项目
一、创建项目1.vue create vuedemo012.cd vuedemo013.npm run serve二、安装及配置路由
2021-08-13 09:50:18
151
原创 小程序中使用vant框架的dialog时产生的问题
问题一：确认按钮靠右方法一：可以去掉app.json里的style:“v2”方法二：可以再app.wxss里加button{width: 100%!important;}与此同时其他的button按钮的width需要根据自己的需求改成相应的大小问题二：修改确认/取消按钮的颜色<van-dialog id="van-dialog" confirm-button-color="#55D88A"/>问题三：引入官网示例：构建后写成自己的路径就好了，例：impor
2021-05-26 16:30:34
1952
3
原创 vue-element-admin 打包生成外部配置文件
方法一找到public文件，然后在这个文件夹下面创建一个config.js，如下config.js内容var PLATFROM_CONFIG = {};PLATFROM_CONFIG.baseUrl = "请在这里输入访问地址"在封装好的api接口请求文件中获取这个地址方法二使用generate-asset-webpack-plugin插件，在之前写过。...
2021-05-24 09:41:20
533
原创 vue3.0下配置多环境打包
首先在项目根目录下新建3个文件①.env.testt配置（就是测试环境）NODE_ENV = 'test'VUE_APP_CURENV = 'test'② .env.development配置（就是开发环境）NODE_ENV = 'development'VUE_APP_CURENV = 'development'③ .env.production配置（就是生态环境及线上环境）NODE_ENV = 'production'VUE_APP_CURENV = 'product
2021-05-24 09:32:39
408
原创 GIT命令的学习
1.git commit //提交2.git branch <your-branch-name> //创建分支git branch newImage //创建一个名为'newImage'的分支注：一般提交都是提交到当前分支，如果当前在主分支main，想提交到分支newImage上，则需要先切换分支3.git checkout<your-branch-name> //切换分支git checkout newImage //切换到newimage分支上...
2021-04-30 17:26:44
123
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人