关于vue组件事件属性穿透详解

属性 $attrs包含从父组件传过来的属性,但不包含子组件中prop中的属性以及class和style,所以对于那些html元素原生属性,可以不用再子组件中声明,直接从父组件中传进来就好 // 子组件 <te...

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

对vue中的事件穿透与禁止穿透实例详解

在开发过程中经常遇到的一个场景,就是,页面弹窗,弹窗上有一个确定或者关闭按钮,这时,如果下方有一个按钮,那你点击弹窗的时候,也会触发弹窗下层的按钮事件,vue提供的解决方法就是直接在cl...

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

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-09-09 09:59
  • 阅读 ( 619 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-09 09:57
  • 阅读 ( 584 )

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

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-09 09:52
  • 阅读 ( 594 )

vue 全局环境切换问题

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

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-09 09:46
  • 阅读 ( 601 )

Vue.js自定义指令学习使用详解

自定义指令 自定义指令的注册方法和组件很像,也分全局注册和局部注册,比如注册一个v-focus指令用于在<input>、<textarea>元素初始化时自动获得焦点,共有两种写法: //全局注册...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-01 17:46
  • 阅读 ( 608 )

Vue.js标签页组件使用方法详解

本文实例为大家分享了Vue.js标签页组件使用的具体代码,供大家参考,具体内容如下 效果 入口页 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-01 17:43
  • 阅读 ( 561 )

基于JavaScript获取base64图片大小

base64原理 Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在6位的前面补两个0,形成8位一个字节的形式。 如果剩下的字符不足3个字节,则用0填充,输出字符使用'=',...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-01 17:40
  • 阅读 ( 546 )

react MPA 多页配置详解

create-react-app 默认创建的是 SPA 应用,随着代码量的增加,build 后的 js 文件会越来越大。网上有很多拆分大的 js 文件的方案,但其实把 SPA 拆分成 MPA 也未尝不是一种解决方案。下面是 rea...

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

p5.js实现简单货车运动动画

本文为大家分享了p5.js实现简单货车运动动画的具体代码,供大家参考,具体内容如下 使用工具 Visual Studio Code+p5.js 下载地址 Visual Studio Code p5.js 目标 在网页上画出一辆货车,...

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

利用vue.js把静态json绑定bootstrap的table方法

直接上代码 嘻嘻,发现bootstrap+vue.js拿来做原型效率挺高,以后就这样做原型 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document<...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:23
  • 阅读 ( 512 )

vueJs实现DOM加载完之后自动下拉到底部的实例代码

这篇文章给大家介绍vueJs实现DOM加载完成之后自动下拉到底部,文中给大家记录了整个问题的过程,对实现思路感兴趣的朋友大家阅读下本文。 /.....................................更新...........

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:22
  • 阅读 ( 556 )

Angular2中监听数据更新的方法

angular2 模型数据更新了,需要监听数据改变, 一、实现接口Docheck,检测页面上所有元素数据更新 import { Component, DoCheck } from "@angular/core"; export class LangListUserComponent...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:21
  • 阅读 ( 542 )

JavaScript使用prototype原型实现的封装继承多态示例

本文实例讲述了JavaScript使用prototype原型实现的封装继承多态。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:20
  • 阅读 ( 516 )

JavaScript使用prototype原型实现的封装继承多态示例

本文实例讲述了JavaScript使用prototype原型实现的封装继承多态。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:19
  • 阅读 ( 503 )

angular2组件中定时刷新并清除定时器的实例讲解

实例如下: import { Component,OnInit,ChangeDetectionStrategy,ChangeDetectorRef,OnDestroy} from "@angular/core"; @Component({ changeDetection:ChangeDetectionStrategy.OnPush }) ex...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:19
  • 阅读 ( 598 )

解决Angular4项目部署到服务器上刷新404的问题

刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼看就知道的错误,感觉这些人真的有毛病,决定写...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:18
  • 阅读 ( 496 )

解决angular2 获取到的数据无法实时更新的问题

今天在工作当中碰到了个问题,当我点击地图上面的城市,从后台获取数据更新列表,明明后台的数据已经返回到前端,但是数据就是不能实时更新到页面上,因为在做第一版的时候是没有这个问题的,就...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-25 11:18
  • 阅读 ( 499 )

Vue实现数据请求拦截

本文实例为大家分享了vue数据请求拦截的具体代码,供大家参考,具体内容如下 在src文件夹下创建utils文件夹 同时在文件夹下创建request.js和auth.js文件 request.js为请求拦截、请求数据封...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-08-24 17:35
  • 阅读 ( 510 )