在Vue项目中,防止页面被缩放和放大示例

现在vue的脚手架生成项目之后我们会发现index.html页面中。 在head标签中,我们会看到meta标签中有一条显示是 <meta name="viewport" content="width=device-width,initial-scale=1.0,user...

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

element-ui 本地化使用教程详解

起因: 用 element-ui 时,本人是没有安装其它环境,而是直接用链接引入,这个带来的问题是,每次打开网页都很慢,于是想本地化,但是发现只是下载两个引入的 js 和 css 是不够的,很多功能会...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:29
  • 阅读 ( 603 )

vue 全局环境切换问题

前端开发经常碰到切换环境的情况, 测试环境,开发环境,正式环境(以及图片环境~~) 1.我们在utils中创建一个global.js文件 /** @Author: faith 全局常量对象 create by faith 2019-10-23 @...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:28
  • 阅读 ( 614 )

vue 父组件通过v-model接收子组件的值的代码

具体代码如下所述: <template> <div> <el-select v-model="typeValue" placeholder="请选择包类型" @change='typeValChange' > <el-option v-for="item in typeDa...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:23
  • 阅读 ( 568 )

解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问

问题描述: 在IE8及以下版本时,点击label标签无法自动触发checkbox的click事件,导致无法产生希望的效果。  原HTML代码: <div class="col-sm-2"> <label><input type=...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:23
  • 阅读 ( 622 )

Vue-Cli项目优化操作的实现

起源 由Vue-Cli(2.X)生成的Vue项目中存在着首屏加载过慢,编译资源过大等问题,主要针对这些问题对项目进行相应的优化,提升项目响应速度,优化项目性能。 操作 路由懒加载 在Vue-router...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:22
  • 阅读 ( 642 )

Layui 解决表格异步调用后台分页的问题

参考Layui数据表格文档可以看到三种layui表格渲染方式,项目选用第一种,采用Layui的异步数据接口方式,渲染表格并分页。 按照官方写法,会报跨域错误,尝试几次,发现需要设置contentType。...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:20
  • 阅读 ( 620 )

Layui实现数据表格默认全部显示(不要分页)

table.render({ elem: '#check-data-list' , height: 480 , title: '监测任务列表信息' , limit: Number.MAX_VALUE // 数据表格默认全部显示 , cols: [[ {field: 'id', titl...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:18
  • 阅读 ( 621 )

vue-router的钩子函数用法实例分析

本文实例讲述了vue-router的钩子函数用法。分享给大家供大家参考,具体如下: vue路由钩子大致可以分为三类: 1.全局钩子 主要包括beforeEach和aftrEach, beforeEach函数有三个参数: to:ro...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:17
  • 阅读 ( 642 )

VUE兄弟组件传值操作实例分析

本文实例讲述了VUE兄弟组件传值操作。分享给大家供大家参考,具体如下: 1、兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据 2、创建一个Vue的实例,让各个兄弟共用同一个事件机...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:17
  • 阅读 ( 579 )

在Layui中操作数据表格,给指定单元格添加事件示例

最近入坑Layui这个为服务端程序员量身定做的前端框架。 为什么不用vue结合各种流行前端框架Element、iView啊什么,后台大哥们不会啊!!! 只好我来迁就他们呢,还得一点一点儿的学起来。 当...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 14:16
  • 阅读 ( 622 )

原生js与jQuery的屏幕大小改变事件的写法

下面为原生JS的写法: window.onresize = function() { console.log('js') } 下面为原生JS的写法:不要忘记引入jQuery哦 $(window).resize(function() { console.log('jq') });

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:39
  • 阅读 ( 1034 )

echarts折线图给数据加单位

主要位以下代码,其中{b0} {a0} {c0}代表不同的变量(echarts内自带的),br为换行的意思,不需要的变量可以自行删除。 tooltip: { trigger: 'axis', //在这里设置单位 form...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:31
  • 阅读 ( 637 )

屏幕大小改变时echarts图表自动重新渲染

其实也很简单,下面有实例,直接粘贴就可以用,主要原理是屏幕大小改变的事件内写了一下下代码 window.onresize = function() { myChart.resize(); } 完整示例: <!DOCTYPE html&gt...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:22
  • 阅读 ( 671 )

Bootstrap简单布局

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boo...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-17 09:07
  • 阅读 ( 688 )

Layui数据表格判断编辑输入的值,是否为我需要的类型详解

因为很多使用layui插件做的表格都需要用到layui的表格编辑事件,但是编辑事件是可以随意输入值的,但是如果当我们的字段为数量的时候,又需要获取到数量传进控制器进行数据处理的时候,而控制器...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:59
  • 阅读 ( 681 )

javascript(基于jQuery)实现鼠标获取选中的文字示例

本文实例讲述了javascript实现鼠标获取选中的文字。分享给大家供大家参考,具体如下: HTML部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <met...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:58
  • 阅读 ( 649 )

javascript二维数组和对象的深拷贝与浅拷贝实例分析

本文实例讲述了javascript二维数组和对象的深拷贝与浅拷贝。分享给大家供大家参考,具体如下: 这篇文章主要为大家详细介绍了js实现数组和对象的深浅拷贝, 1.浅拷贝: 将原对象或原数组的引...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:29
  • 阅读 ( 610 )

Layui数据表格之单元格编辑方式

开发工具与关键技术:VS、layui数据表格之单元格编辑 layui是我们常用的一个插件,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,其中有很多模快,而每...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:28
  • 阅读 ( 681 )

LayUi数据表格自定义赋值方式

官方写的非常抽象,反正我是没看懂,可能还没到能看懂前端的级别 自己也是百度的 一开始想去实现一个 用的是 定义表头参数: {field: 'status', title: '状态', width: 150, templet:'#man...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-13 14:28
  • 阅读 ( 612 )