Vue-cli搭建项目模拟后台接口数据(webpack-dev-conf.js文件配置)【本地代理】

起因:为了便于前端进行测试,有时需要进行本地代理; 本地代理与反向代理是冲突的,若要同时使用本地代理和反向代理,需要进行以下配置: 在build文件夹下的webpack-dev-conf.js文件中配...

  • 0
  • 0
  • admin
  • 发布于 2020-07-29 21:05
  • 阅读 ( 516 )

uniapp开发微信小程序实现多选全选反选功能

以下是完整的dom实例,由断龙龙博客编写,使用uniapp的可以直接全部复制粘贴到空白页面运行小程序即可,解决uniapp开发微信小程序实现多选全选反选功能 代码: <template> <view c...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-29 18:04
  • 阅读 ( 818 )

uni-app实现全选和取消全选

此方法使用 ColorUI 作为基础样式,所以复选框切换要改变相应的类才能正确展示。 <template><view><!-- 单个复选框 --><checkbox-group class="block" @change="checkb...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-29 17:25
  • 阅读 ( 692 )

微信小程序checkbox多选框如何修改宽高及选中样式

微信小程序checkbox多选框如何修改宽高及选中样式呢,我看到网上有很多教程都是使用的transform: scale(0.6,0.6);缩放或放大,虽然实现了放大缩小,但并不能适配不同的屏幕,其实是有css可以控...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-29 13:58
  • 阅读 ( 750 )

微信小程序checkbox多选框如何全选反选

讲一下微信小程序checkbox多选框如何实现全选反选与反选功能。 wxml文件 <view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 &l...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-29 13:48
  • 阅读 ( 717 )

微信小程序获取复选框全选,反选选中的值

wxml文件 <view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 </view> <view class="th">id</view>...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-29 13:44
  • 阅读 ( 689 )

微信小程序checkbox多选框的写法

开发微信小程序时会发现H5的复选框失效了,原因是微信小程序自带复选框标签,虽然小程序与H5很多时候标签都是公用的,但也有部分区别,就比如现在的checkbox多选框问题,具体请看下面的代码。...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-29 13:38
  • 阅读 ( 748 )

H5的多选框在微信小程序上不生效解决

没错,H5里的input在微信小程序里是不生效的,因为微信小程序有自己的多选或单选框标签,具体请看下面的代码。 CheckBox多项选择器 CheckBox多项选择器组件,也就是我们常说的复选框,用来进行...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-29 13:20
  • 阅读 ( 789 )

vue3 源码解读之 time slicing的使用方法

今天给大家带来一篇源码解析的文章,emm 是关于 vue3 的,vue3 源码放出后,已经有很多文章来分析它的源码,我觉得很快又要烂大街了,哈哈 不过今天我要解析的部分是已经被废除的 time slicing...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 23:16
  • 阅读 ( 556 )

vue data恢复初始化数据的实现方法

在我们进行vue开发过程中,经常会保存一些页面,此时,我们在app.vue的配置如下, <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-a...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 23:14
  • 阅读 ( 584 )

vue和iview实现Scroll 数据无限滚动功能

在做项目的时候因为数据比较多,一次性全部渲染的话会花费较多的时间,所以,想到每一次渲染10条数据 也想过每一次获取十条数据然后显示就行了,就目前自己所知最好的方法是修改接口,一次返回...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 23:11
  • 阅读 ( 553 )

vue 使用鼠标滚动加载数据的例子

关于用鼠标滚动到某个位置我们就去加载数据,这样的场景与业务需求现在越来越常见,现在来分析下《vue.js 实战》中作者的一个解决策略: 1. 设置一个标志位用来判断数据是否在加载中 2. 将滚...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 22:35
  • 阅读 ( 515 )

axios 实现post请求时把对象obj数据转为formdata

今天在对后台接口的时候,上传报名信息,利用axios 的post请求,发数据, 但是显示参数错误,但是查看header的时候,发现居然是一个对象: 这可不行,然会就想着怎么把对象搞成formdata,...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 22:31
  • 阅读 ( 507 )

使用axios发送post请求,将JSON数据改为form类型的示例

通常前端通过POST请求向服务器端提交数据格式有4中,分别是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式和"text/xml"格式。通常最常见的是"a...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 22:17
  • 阅读 ( 518 )

vue封装可复用组件confirm,并绑定在vue原型上的示例

首先我们需要创建 confirm.vue , confirm.js这两个文件,一个实现dom结构,一个实现相关逻辑 confirm.vue <template> <div class="confirm" v-if="isShow"> <div class="c...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 22:12
  • 阅读 ( 552 )

vue表单提交按钮禁止多次点击的例子

先说下出现场景: 测试这次比较极端(也有可能是测试又学会什么新知识了,哈哈),说是在点击提交和调用之间有可能有狂暴的用户在多连击,就像打游戏一样,调用接口后的loading状态切换就无效了...

  • 0
  • 0
  • admin
  • 发布于 2020-07-28 22:12
  • 阅读 ( 547 )

JS内new Date()函数传入的参数格式与兼容性详解

ps:转载这篇文章主要的目的是告诉自己:Date()中是可以传递形参的,并且为了尽可兼容所有浏览器形参的格式是有要求的!,至于原作者测试的正确性并没有走出复测,所以待定哦 前两天发现手机...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-28 17:08
  • 阅读 ( 789 )

JS实现自定义日期推移的案例

以下这段代码是先获取当前日期,然后减去27天,就是向前推27天是多少。 <script type="text/javascript"> let date = new Date(); let llzuotian = date.setDate(date.getDate() - 27...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-28 17:02
  • 阅读 ( 736 )

如何在Vue中抽离接口配置文件

Vue中抽离接口配置文件的问题及解决方法 问题背景 在通常开发中,我们经常把接口配置文件写在src目录里, 虽然有了一些方便,但也引发出一个新的问题,就是每次接都要重新编译。 解决方法...

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:29
  • 阅读 ( 569 )

uni-app微信小程序登录并使用vuex存储登录状态的思路详解

微信小程序注册登录思路 (这是根据自身的项目的思路,不一定每个项目都适用) 1.制作授权登录框,引导用户点击按钮 2.uni.login获取code 3.把code传给后端接口,后端返回如下数据 openid: "ogt...

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:28
  • 阅读 ( 516 )