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

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

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

echarts仪表盘完整代码

var option = { backgroundColor: '#00162a', title: [{ x: "40%", y: "53%", text: '主干道平均车速:36km/h', textStyle: { fontWei...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 17:05
  • 阅读 ( 544 )

vue修改浏览器的标题title

方法一: 第一步:在main.js里面添加一个全局指令 Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title } }) 第二步:在要调用的组件里...

  • 0
  • 0
  • admin
  • 发布于 2020-06-22 23:53
  • 阅读 ( 515 )

CSS设置div或li自适应列数显示

要求在在1300px的时候显示4个,出现横向滚动条 布局:html内 <div class="main-wrapper"> <ul class="ul-list"><li>1</li><li>2</li><li>3</...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 17:42
  • 阅读 ( 417 )

按住鼠标左键移动时, 禁止选中里面内容

user-select: none|auto|text|contain|all; /*firefox浏览器*/-moz-user-select: none|text|all; /*safari、chrome浏览器*/-webkit-user-select: none|text|all; /*Safari中不支持该属性值,只...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 22:23
  • 阅读 ( 384 )

uCharts实现一个叠堆柱状图

http://localhost:3000/data3为本地测试接口地址,请把接口改掉,换成json.js里面的模拟数据 <template>    <view class="qiun-columns">        <view class="qiun-title-bar"...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 22:52
  • 阅读 ( 341 )

JS随机打乱数组的多种方法

方法一:最精简代码的打乱方法 // An highlighted block var arr = [4,1,67,12,45,121,3]; arr.sort(function() { return (0.5-Math.random()); }); console.log(arr); 这里介绍下sort()...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 21:36
  • 阅读 ( 290 )

element ui获取多选表格的选中结果

下面是使用elemet ui多选表格时,获取其选中结果的完整demo. <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 引...

  • 0
  • 0
  • admin
  • 发布于 2020-12-18 17:46
  • 阅读 ( 284 )

解决ucharts图表X轴数据内容太多导致覆盖显示不完整

我在开发过程中便遇到这个问题,由于uchartsX轴的数据量太过于庞大导致显示不完整的有以下三个解决方案,当然我选择的最后一种,因为方便快捷,一定看完。  先看一下官网给出的常用配置uChartsX...

  • 0
  • 0
  • admin
  • 发布于 2020-06-22 22:51
  • 阅读 ( 284 )

vue 验证码界面实现点击后标灰并设置div按钮不可点击状态

1、先看看效果图 未点击获取验证码的按钮状态 点击后的不可点击状态 2、代码实现 <template> <div class="my-code"> <input class="my-code-input" type="text" v-m...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-09 10:15
  • 阅读 ( 277 )

element ui使用筛选功能实现前端本地表格搜索

之前自己模拟过一个,但由于是自己写的,比较复杂,有兴趣的同学可以看看这篇文章,element多选表格批量删除本地数据,不走接口,最近发现element官网有一个叫筛选器的东西,由于文档关于筛选器...

  • 0
  • 0
  • admin
  • 发布于 2021-01-08 12:41
  • 阅读 ( 267 )

element ui表格内嵌入input

以下案例演示不仅为大家展示element ui表格嵌入input,还有时间控件,输入框,下拉选择器,html标签,下面上完整案例 <!doctype html> <html> <head> <meta charset="...

  • 0
  • 1
  • admin
  • 发布于 2020-12-18 19:53
  • 阅读 ( 238 )

判断JavaScript当前是在node还是浏览器环境下运行

目前JavaScript脚本的运行环境有浏览器和node.js环境两种。 1、JavaScript被定义为一种浏览器的脚本语言,一直以来其运行环境都是客户端浏览器,因为JavaScript设计的初衷就是做一些浏览器与...

  • 0
  • 0
  • 牟雪峰
  • 发布于 2020-07-06 11:47
  • 阅读 ( 230 )

async/await请求错误处理方法总结与优化

一般情况下 async/await 在错误处理方面,主要使用 try/catch,像这样 const fetchData = () => { return new Promise((resolve, reject) => { setTimeout(() => { resolve('fe...

  • 0
  • 1
  • admin
  • 发布于 2020-06-22 23:32
  • 阅读 ( 220 )

uniapp开发微信小程序引入并使用base64.js加解密的方法

首先声明引入base64.js,然后使用base64.encode(this.code),this.code是要加密的变量,如提交登陆表单时,将密码进行加密; 以下我进行了简写,onLoad不是普通事件哦,是uni-app内的生命周期哦...

  • 0
  • 0
  • admin
  • 发布于 2020-06-22 23:11
  • 阅读 ( 219 )

Swiper5的使用方法

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

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

echarts柱状图或折线图设置负数不生效的解决办法

以下实例包含折线图与柱状图,设置type: 'bar'是柱状图,设置type: 'line'就是折线图,其实在echarts图表中柱状图和折线图其他地方都是通用的,很好切换,唯一的区别就是type的值不同。 本次...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-16 16:09
  • 阅读 ( 218 )

element多选表格批量删除本地数据,不走接口

网上找了很久都不靠谱,我自己写了个完整的demo,写完之后发现原理其实也很简单,代码,重要的是思路,正常情况下批量删除都是走接口,可偏偏就有不这么干的,最近公司有个项目的要求就是,点新...

  • 0
  • 0
  • admin
  • 发布于 2020-12-18 15:08
  • 阅读 ( 208 )

element表格点击下一页或筛选时不影响选中状态

element表格点击下一页或筛选时不影响选中状态,此方法在官网有,虽然不明显,我遇到的需求就是本地搜索后不要改变选中状态,此方法对查后台的分页同样有效。 重点代码: el-table里加这个代...

  • 0
  • 0
  • admin
  • 发布于 2021-01-08 14:14
  • 阅读 ( 201 )

JS实现仿淘宝鼠标移入图片右侧显示区域大图片

// 获取左侧图片路径后赋值给右侧大图片 如果左侧有多张小图片 请将获取的ID改成class,然否使用for循环,不会的去社会猿提问,我会在答案区留下demo,地址:www.shehuiyuan.com <!DOCTYPE html...

  • 1
  • 1
  • admin
  • 发布于 2020-07-06 23:34
  • 阅读 ( 198 )