前端经验

js实现点击下载文件

有很多场景需要点击下载文件,比如我们点击按钮导出表格时会访问后台接口,后台接口返回给我们下载链接(可直接输入到浏览器即可访问下载的地址),此时我们会做下载处理,一...

前端经验

vue动态禁用控件绑定disable的例子

场景 报修范围取值不同时 ,区域有时需要禁用 代码 el-form-item label = 报修范围 prop = applicationRange el-select v-model = addInfo.applicationRange placeholder = 请选择报修范围 style = width: 200px @ change =...

前端经验

VUE.js实现动态设置输入框disabled属性

需求背景 页面从list列表展示,跳转到新增和修改的时候,新增和修改用的是同一个页面:add-or-update.vue。 修改的时候用户的账号不能修改,因此需要将账号的输入框属性设置为只读。...

前端经验

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

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

前端经验

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

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

前端经验

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 window .onload = function () { document .addEventListener( touchstart , fu...

前端经验

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

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