elephant_my的博客

vue-cropper官网：vue-cropper安装npm install vue-cropper --save使用main.js文件import VueCropper from 'vue-cropper'Vue.use(VueCropper)展示页面<template> <div class="info-img"> <upload-img ref="headImg" :imageUrl.sync="ruleForm.headImg" /&g.

vue实现修改密码（ant design of vue）1.效果图2.重要代码2.1输入框2.2输入框校验2.3键盘监听事件3.完整代码及详解1.效果图2.重要代码2.1输入框若是使用传统的密码框，怎么都阻止不了浏览器的提示。（详情参考修改密码的实现 – element UI 这是我之前尝试使用密码框后再加各种阻止提示的参数，但是最终发现还是会收到浏览器的提示，如下图所示）因此换成普通的输入框，再使用键盘监听事件将用户输入的密码隐藏。<a-form-model :layout="'h

Ant Design of Vue -- 实现树形结构1. 展示形式2. 代码实现2.1 样式实现2.2 只能选最下层数据2.3 默认只展开选中的数据1. 展示形式2. 代码实现2.1 样式实现<a-tree v-model="checkedKeys" checkable :tree-data="treeData" :expanded-keys="expandedKeys"@expand="onExpand" @check="onCheck" />/*** @func：打开分配菜

具体报错如下：报错原因在data中定义的时候有问题，多选框是数组形式，之前定义的"ruleForm": {"alarmType": undefined}。多选框的实现代码<el-form-item label="报警方式" prop="alarmType"> <el-checkbox-group v-model="ruleForm.alarmType"> <el-checkbox v-for="item in alarmTypeDict" :la

在vue中实现抽屉的方式有两中：Element UI 和 Ant Design of vue;但是Element UI中的抽屉包含的modal属性并不能将遮罩层真正的关闭，所以并不能实现我的需求；Ant Design of vue 中的抽屉可以实现，使用mask属性：<a-drawer :closable="false" :visible="visible" :width="600" :mask="false" :wrap-class-name="`drawer-list`" @close="o

直接上代码：mounted() { //实现只有点击行数据时才刷新详情页,当展开详情页表单时点击其他附属表单或者其他部分不会将其关闭 let _this = this; $("body").on("click", function(e) { //将阻止详情页关闭的部分的class或者id放到list数组中； let list = [".ant-table-wrapper",".ant-drawer-wrapper-body",".ant-modal-

直接上代码<el-form :model = "ruleForm" :rules = "rules" ref = "ruleForm" :label-position="labelPosition" class = "ruleForm"> <el-form-item label="密码" prop="pass"> <el-input type="password" v-model="ruleForm.pass" autocomplete="off"&g