JS事件内动态变量传参拼接
用久了VUE，真的不想回归JS啊，但也没有办法，上次便遇到了这个问题，解决后在此分享一下。 JS事件内动态传值，多用于渲染模板，拼接模板时使用，下面请看代码。 actions.push('<a class="...
- 0
- 0
- admin
- 发布于 2020-10-15 11:59
- 阅读 ( 637 )
admin
layer弹出层全屏显示及如何关闭的方法
以下代码便可以设置全屏展示，content内可以设置链接，网络连接，或者获取自己写的div等 var index = layer.open({ type: 2, content: url, ...
- 0
- 0
- admin
- 发布于 2020-10-14 16:57
- 阅读 ( 736 )
layer提示框添加多个按钮选择的方法
function jumpChoose(argu) { //询问框 var index = layer.confirm('下载文件还是在线预览呢？', { btn: ['在线预览','下载',"关闭"], //按钮 shade: false //不显示遮罩 }, function(){ //...
- 0
- 0
- admin
- 发布于 2020-10-14 16:42
- 阅读 ( 773 )
js实现点击下载文件
有很多场景需要点击下载文件，比如我们点击按钮导出表格时会访问后台接口，后台接口返回给我们下载链接（可直接输入到浏览器即可访问下载的地址），此时我们会做下载处理，一下有两种实现方式；...
- 1
- 0
- admin
- 发布于 2020-10-14 16:40
- 阅读 ( 691 )
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
- 阅读 ( 1221 )
粪斗
vue动态禁用控件绑定disable的例子
场景 报修范围取值不同时 ，区域有时需要禁用 代码 <el-form-item label="报修范围" prop="applicationRange" > <el-select v-model="addInfo.applicationRange" placeholder="请...
- 0
- 0
- 粪斗
- 发布于 2020-09-09 10:10
- 阅读 ( 783 )
VUE.js实现动态设置输入框disabled属性
需求背景 页面从list列表展示，跳转到新增和修改的时候，新增和修改用的是同一个页面：add-or-update.vue。 修改的时候用户的账号不能修改，因此需要将账号的输入框属性设置为"只读"。 代码...
- 0
- 0
- 粪斗
- 发布于 2020-09-09 10:03
- 阅读 ( 730 )
关于vue组件事件属性穿透详解
属性 $attrs包含从父组件传过来的属性，但不包含子组件中prop中的属性以及class和style，所以对于那些html元素原生属性，可以不用再子组件中声明，直接从父组件中传进来就好 // 子组件 <te...
- 0
- 0
- 粪斗
- 发布于 2020-09-09 10:01
- 阅读 ( 796 )
对vue中的事件穿透与禁止穿透实例详解
在开发过程中经常遇到的一个场景，就是，页面弹窗，弹窗上有一个确定或者关闭按钮,这时，如果下方有一个按钮，那你点击弹窗的时候，也会触发弹窗下层的按钮事件，vue提供的解决方法就是直接在cl...
- 0
- 0
- 粪斗
- 发布于 2020-09-09 10:00
- 阅读 ( 694 )
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
- 阅读 ( 761 )
在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
- 阅读 ( 688 )
element-ui 本地化使用教程详解
用 element-ui 时，本人是没有安装其它环境，而是直接用链接引入，这个带来的问题是，每次打开网页都很慢，于是想本地化，但是发现只是下载两个引入的 js 和 css 是不够的，很多功能会无法使用...
- 0
- 0
- 粪斗
- 发布于 2020-09-09 09:52
- 阅读 ( 710 )
vue 全局环境切换问题
前端开发经常碰到切换环境的情况， 测试环境，开发环境，正式环境（以及图片环境~~） 1.我们在utils中创建一个global.js文件 /** @Author: faith 全局常量对象 create by faith 2019-10-23 @...
- 0
- 0
- 粪斗
- 发布于 2020-09-09 09:46
- 阅读 ( 712 )
Vue.js自定义指令学习使用详解
自定义指令 自定义指令的注册方法和组件很像，也分全局注册和局部注册，比如注册一个v-focus指令用于在<input>、<textarea>元素初始化时自动获得焦点，共有两种写法： //全局注册...
- 0
- 0
- 粪斗
- 发布于 2020-09-01 17:46
- 阅读 ( 726 )
Vue.js标签页组件使用方法详解
本文实例为大家分享了Vue.js标签页组件使用的具体代码，供大家参考，具体内容如下 效果 入口页 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset...
- 0
- 0
- 粪斗
- 发布于 2020-09-01 17:43
- 阅读 ( 659 )
基于JavaScript获取base64图片大小
base64原理 Base64编码要求把3个8位字节（38=24）转化为4个6位的字节（46=24），之后在6位的前面补两个0，形成8位一个字节的形式。 如果剩下的字符不足3个字节，则用0填充，输出字符使用'='，...
- 0
- 0
- 粪斗
- 发布于 2020-09-01 17:40
- 阅读 ( 652 )
react MPA 多页配置详解
create-react-app 默认创建的是 SPA 应用，随着代码量的增加，build 后的 js 文件会越来越大。网上有很多拆分大的 js 文件的方案，但其实把 SPA 拆分成 MPA 也未尝不是一种解决方案。下面是 rea...
- 0
- 0
- 粪斗
- 发布于 2020-09-01 15:15
- 阅读 ( 651 )
p5.js实现简单货车运动动画
本文为大家分享了p5.js实现简单货车运动动画的具体代码，供大家参考，具体内容如下 使用工具 Visual Studio Code+p5.js 下载地址 Visual Studio Code p5.js 目标 在网页上画出一辆货车，...
- 0
- 0
- 粪斗
- 发布于 2020-08-27 17:27
- 阅读 ( 659 )
利用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
- 阅读 ( 631 )
vueJs实现DOM加载完之后自动下拉到底部的实例代码
这篇文章给大家介绍vueJs实现DOM加载完成之后自动下拉到底部，文中给大家记录了整个问题的过程，对实现思路感兴趣的朋友大家阅读下本文。 /.....................................更新...........
- 0
- 0
- 粪斗
- 发布于 2020-08-25 11:22
- 阅读 ( 667 )
