前端
前端张小小
一个前端
展开
-
vue 实现图片预览放大以及缩小
1.在vue的环境下实现图片放大缩小,可以使用viewerjs效果图:关于viewerjs的使用:1)首先安装依赖npm i v-viewer --save2)全局注册(在main.js)以及引用css//导入图片预览viewer组件以及cssimport Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer);Viewer.setDefaults({ Options: { ".原创 2021-11-22 11:06:30 · 11294 阅读 · 1 评论 -
Object.keys()遍历对象,并快速清空对象key的value
1.场景描述在开发的过程中,往往会遇到一种场景。就比如在编辑一个表单时,表单Form会绑定一个对象(假设为obj),然后表单每个<FormItem>里面的组件都会对应双向绑定obj里的一个key.2.适用场景:假如用户正在编辑一个表单,突然中止操作,并选择新增,这个时候就会渲染未操作完的数据,这个时候就需要在新增时清空Form绑定的对象obj里面key的value;3.实践:let obj = {name:"zhangsan",sex:"女"}console.log(.原创 2021-11-17 14:32:28 · 1633 阅读 · 0 评论 -
vue +iview +modal 弹框关闭后再次打开不显示的问题
在做项目中再次遇到问题1.问题环境:vue+iview2.问题描述:将Modal对话框封装成一个子组件,在父组件引用,当对话框打开然后关闭,再次打开时对话框无法正常打开;!!!3.解决:搜索了好多例子,有的说props属性接收的值在子组件是无法改变的,因为v-model是双向绑定当对话框状态发生该变,props的值也会改变,这样会导致报错,但是实测过后发现并无报错。排查问题后发现原来是在父组件给子组件传值是赋值发生了问题父组件:这个是在render函数里面写的,h,和params原创 2021-11-12 10:52:53 · 3763 阅读 · 0 评论 -
基于vue ,iview 官方自带组件实现点击小眼睛显示和隐藏密码
在一次开发中,产品提出需求,需要密码实现点击小眼睛显示和隐藏密码,我原来iview官方组件会自带这个属性,一看文档傻了。话不多说上代码。 其中用<Password>这个的时候切不可直接动态切换type为password或text,不然console控制成空收到以下报错:最后试了好几次还是用三目运算解决ps:内联样式,见笑了。哈哈...原创 2021-10-26 15:12:43 · 1086 阅读 · 2 评论