自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 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 11208 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 1570

原创 vue +iview +modal 弹框关闭后再次打开不显示的问题

在做项目中再次遇到问题1.问题环境:vue+iview2.问题描述:将Modal对话框封装成一个子组件,在父组件引用,当对话框打开然后关闭,再次打开时对话框无法正常打开;!!!3.解决:搜索了好多例子,有的说props属性接收的值在子组件是无法改变的,因为v-model是双向绑定当对话框状态发生该变,props的值也会改变,这样会导致报错,但是实测过后发现并无报错。排查问题后发现原来是在父组件给子组件传值是赋值发生了问题父组件:这个是在render函数里面写的,h,和params

2021-11-12 10:52:53 3664

原创 基于vue ,iview 官方自带组件实现点击小眼睛显示和隐藏密码

在一次开发中,产品提出需求,需要密码实现点击小眼睛显示和隐藏密码,我原来iview官方组件会自带这个属性,一看文档傻了。话不多说上代码。 其中用<Password>这个的时候切不可直接动态切换type为password或text,不然console控制成空收到以下报错:最后试了好几次还是用三目运算解决ps:内联样式,见笑了。哈哈...

2021-10-26 15:12:43 1012 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除