关于vue组件事件属性穿透详解
组件事件属性穿透 属性 $attrs包含从父组件传过来的属性，但不包含子组件中prop中的属性以及class和style，所以对于那些html元素原生属性，可以不用再子组件中声明，直接从父组件中传进来就好...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:31
- 阅读 ( 577 )
粪斗
对vue中的事件穿透与禁止穿透实例详解
在开发过程中经常遇到的一个场景，就是，页面弹窗，弹窗上有一个确定或者关闭按钮,这时，如果下方有一个按钮，那你点击弹窗的时候，也会触发弹窗下层的按钮事件，vue提供的解决方法就是直接在cl...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:31
- 阅读 ( 491 )
vue h5移动端禁止缩放代码
安卓 在index.html里面写 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> ios 在APP.vue里面写 <script> win...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:30
- 阅读 ( 533 )
在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
- 阅读 ( 505 )
element-ui 本地化使用教程详解
起因： 用 element-ui 时，本人是没有安装其它环境，而是直接用链接引入，这个带来的问题是，每次打开网页都很慢，于是想本地化，但是发现只是下载两个引入的 js 和 css 是不够的，很多功能会...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:29
- 阅读 ( 519 )
vue 全局环境切换问题
前端开发经常碰到切换环境的情况， 测试环境，开发环境，正式环境（以及图片环境~~） 1.我们在utils中创建一个global.js文件 /** @Author: faith 全局常量对象 create by faith 2019-10-23 @...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:28
- 阅读 ( 515 )
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
- 阅读 ( 478 )
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问
问题描述： 在IE8及以下版本时，点击label标签无法自动触发checkbox的click事件，导致无法产生希望的效果。 原HTML代码： <div class="col-sm-2"> <label><input type=...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:23
- 阅读 ( 530 )
Vue-Cli项目优化操作的实现
起源 由Vue-Cli（2.X）生成的Vue项目中存在着首屏加载过慢，编译资源过大等问题，主要针对这些问题对项目进行相应的优化，提升项目响应速度，优化项目性能。 操作 路由懒加载 在Vue-router...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:22
- 阅读 ( 532 )
Layui 解决表格异步调用后台分页的问题
参考Layui数据表格文档可以看到三种layui表格渲染方式，项目选用第一种，采用Layui的异步数据接口方式，渲染表格并分页。 按照官方写法，会报跨域错误，尝试几次，发现需要设置contentType。...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:20
- 阅读 ( 495 )
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
- 阅读 ( 533 )
vue-router的钩子函数用法实例分析
本文实例讲述了vue-router的钩子函数用法。分享给大家供大家参考，具体如下： vue路由钩子大致可以分为三类: 1.全局钩子 主要包括beforeEach和aftrEach, beforeEach函数有三个参数： to:ro...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:17
- 阅读 ( 554 )
VUE兄弟组件传值操作实例分析
本文实例讲述了VUE兄弟组件传值操作。分享给大家供大家参考，具体如下： 1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据 2、创建一个Vue的实例，让各个兄弟共用同一个事件机...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:17
- 阅读 ( 489 )
在Layui中操作数据表格,给指定单元格添加事件示例
最近入坑Layui这个为服务端程序员量身定做的前端框架。 为什么不用vue结合各种流行前端框架Element、iView啊什么，后台大哥们不会啊！！！ 只好我来迁就他们呢，还得一点一点儿的学起来。 当...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 14:16
- 阅读 ( 532 )
原生js与jQuery的屏幕大小改变事件的写法
下面为原生JS的写法： window.onresize = function() { console.log('js') } 下面为原生JS的写法：不要忘记引入jQuery哦 $(window).resize(function() { console.log('jq') });
- 0
- 0
- 粪斗
- 发布于 2020-08-17 09:39
- 阅读 ( 876 )
echarts折线图给数据加单位
主要位以下代码，其中{b0} {a0} {c0}代表不同的变量（echarts内自带的），br为换行的意思，不需要的变量可以自行删除。 tooltip: { trigger: 'axis', //在这里设置单位 form...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 09:31
- 阅读 ( 543 )
屏幕大小改变时echarts图表自动重新渲染
其实也很简单，下面有实例，直接粘贴就可以用，主要原理是屏幕大小改变的事件内写了一下下代码 window.onresize = function() { myChart.resize(); } 完整示例： <!DOCTYPE html>...
- 0
- 0
- 粪斗
- 发布于 2020-08-17 09:22
- 阅读 ( 582 )
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
- 阅读 ( 600 )
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
因为很多使用layui插件做的表格都需要用到layui的表格编辑事件，但是编辑事件是可以随意输入值的，但是如果当我们的字段为数量的时候，又需要获取到数量传进控制器进行数据处理的时候，而控制器...
- 0
- 0
- 粪斗
- 发布于 2020-08-13 14:59
- 阅读 ( 578 )
javascript（基于jQuery）实现鼠标获取选中的文字示例
本文实例讲述了javascript实现鼠标获取选中的文字。分享给大家供大家参考，具体如下： HTML部分： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <met...
- 0
- 0
- 粪斗
- 发布于 2020-08-13 14:58
- 阅读 ( 553 )
