uniapp或原生微信小程序实现单选框(radio)

这里给了两个案例,分别为原生微信和uniapp实现单选的语法,其实这两种语法差距不是太大,稍微改下就可以。 先看文档: 原生微信写法: <radio-group bindchange="radioChange">...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-07-31 16:24
  • 阅读 ( 571 )

vue或uniapp中this.$set()时的语法格式(写法)

this.$set()的主要功能是解决vue语法中改变数据时未驱动视图的改变,也就是实际数据被改变了,但我们看到的页面并没有变化,在此呢复现问题的代码我就不给你写了,这里主要讲this.$set()的用法...

  • 0
  • 0
  • admin
  • 发布于 2020-07-31 00:04
  • 阅读 ( 1599 )

uniapp小程序实现checkbox多选并解决清空选择不渲染页面的问题

微信小程序的checkbox清空功能主要用于提交接口后的操作,虽然提交接口后重新调用下列表的接口也可实现清空效果,但是还需要调用一次后台,并不完美,之前写了一篇,这篇文章主要是实现了checkb...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-07-30 17:14
  • 阅读 ( 750 )

动态组件 2种方式实现动态组件的切换

动态组件适用于在不同组件之间进行动态切换。我使用过2种方法来实现: (1)可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现; (2)通过v-if来进行条件渲染,同样能实现...

  • 0
  • 0
  • admin
  • 发布于 2020-07-29 23:06
  • 阅读 ( 504 )

ES6与 CommonJS 模块化的区别

ES6 模块与 CommonJS 模块存在以下差异: 1、CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用 CommonJS 模块输出的是值的拷贝,也就是说,一旦输出一个值,模块内部的变化就影...

  • 0
  • 0
  • admin
  • 发布于 2020-07-29 23:02
  • 阅读 ( 545 )

Uncaught TypeError: (intermediate value) is not a function.

 Uncaught TypeError: (intermediate value) is not a function. 出现这种bug的原因:在你的代码中,同时定义了变量、匿名函数或者闭包函数,并且该变量定义在了这两类函数之前,如果变量后...

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

原生JS实现 改变当前被点击元素样式,其他元素保持原来样式

/*  为了不污染全局变量使用闭包    实现思路:直接清除全部div的class,然后只给当前被点击的div加上class*/        (function(){            var menu = document.getElementById('menu');   ...

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

Swiper5的使用方法

Swiper插件可用于PC端和移动端;是开源、免费、强大的触摸滑动插件。下面主要介绍其基本用法: 1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件(可以在官网下载、CDN或者...

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

CSS实现个性化滚动条

代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个性化滚动条</title> <style> div{...

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

Less基本语法使用 与 sass基本语法

LESS 1、注释 //    不会被编译/**/   会被编译 2、变量 @bgColor:yellow;    .border{    border:2px solid pink;}h1{    width:80%;    height:60px;    .border;        color: #000; ...

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

vue-router点击菜单栏同一个模块报错 Uncaught(in promise) NavigationDuplicated error .......

在做移动端底部导航时,鼠标双击各个选项会报如下错误,但是单击时不会出现任何问题。 出现这个bug的原因就是vue-router版本问题,vue-router 3.0版本以上的回调形式是promise api的形式,...

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

JavaScript高级程序设计 String类型(5.6.3)

String 类型提供了很多方法,用于辅助完成对ECMAScript 中字符串的解析和操作。 1、字符方法 1)charAt() 2)charCodeAt() 3)方括号+数字 <script>    //charAt()  输出索...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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