米斯达

IP:

46关注数

20粉丝数

58获得的赞

工作年

编辑资料

链接我:

创作·58

全部

问答

动态

项目

学习

专栏

米斯达

如何约束entity中的属性只能是特定的某些值？

如题，比如gender，只能是男/女/未知，比如状态，只能是0/1,这个要如何约束？是在Java层面约束还是mysql层面约束？

请按照 "el-upload" 的 "flie-list" 参数方式来实现预览的效果。👉 "Upload 上传 - 组件 | Element" (https://link.segmentfault.com/?enc=TtKIXfV%2FDeb8Dqjvs34Qcg%3D%3D.vPChxFkvvODMwTpWnG%2B%2B9NM0MWWkyTTPt7wNYVoHeu21lVg49FiaJCtWbhapAbleko41FplVP7okuear2VfLVWzLKlJ6eXuo%2FFOCx%2BF0lrc%3D) 而不是直接在 "el-upload" 中使用 "img" 标签来展示。提供一个已经封装好的图片上传组件来参考实现方式： = this.limit}" > 请上传大小不超过 {{ fileSize }}MB 格式为 {{ fileType.join("/") }} 的文件 import { getToken } from "@/utils/auth"; export default { props: { value: [String, Object, Array], // 图片数量限制 limit: { type: Number, default: 5, }, // 大小限制(MB) fileSize: { type: Number, default: 5, }, // 文件类型, 例如['png', 'jpg', 'jpeg'] fileType: { type: Array, default: () => ["png", "jpg", "jpeg"], }, // 是否显示提示 isShowTip: { type: Boolean, default: true } }, data() { return { number: 0, uploadList: [], dialogImageUrl: "", dialogVisible: false, hideUpload: false, baseUrl: process.env.VUE_APP_BASE_API, uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址 headers: { Authorization: "Bearer " + getToken(), }, fileList: [] }; }, watch: { value: { handler(val) { if (val) { // 首先将值转为数组 const list = Array.isArray(val) ? val : this.value.split(','); // 然后将数组转为对象数组 this.fileList = list.map(item => { if (typeof item === "string") { if (item.indexOf(this.baseUrl) === -1) { item = { name: this.baseUrl + item, url: this.baseUrl + item }; } else { item = { name: item, url: item }; } } return item; }); } else { this.fileList = []; return []; } }, deep: true, immediate: true } }, computed: { // 是否显示提示 showTip() { return this.isShowTip && (this.fileType || this.fileSize); }, }, methods: { // 上传前loading加载 handleBeforeUpload(file) { let isImg = false; if (this.fileType.length) { let fileExtension = ""; if (file.name.lastIndexOf(".") > -1) { fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1); } isImg = this.fileType.some(type => { if (file.type.indexOf(type) > -1) return true; if (fileExtension && fileExtension.indexOf(type) > -1) return true; return false; }); } else { isImg = file.type.indexOf("image") > -1; } if (!isImg) { this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}图片格式文件!`); return false; } if (this.fileSize) { const isLt = file.size / 1024 / 1024 f.name).indexOf(file.name); if (findex > -1) { this.fileList.splice(findex, 1); this.$emit("input", this.listToString(this.fileList)); } }, // 上传失败 handleUploadError() { this.$modal.msgError("上传图片失败，请重试"); this.$modal.closeLoading(); }, // 上传结束处理 uploadedSuccessfully() { if (this.number > 0 && this.uploadList.length === this.number) { this.fileList = this.fileList.concat(this.uploadList); this.uploadList = []; this.number = 0; this.$emit("input", this.listToString(this.fileList)); this.$modal.closeLoading(); } }, // 预览 handlePictureCardPreview(file) { this.dialogImageUrl = file.url; this.dialogVisible = true; }, // 对象转成指定字符串分隔 listToString(list, separator) { let strs = ""; separator = separator || ","; for (let i in list) { if (list[i].url) { strs += list[i].url.replace(this.baseUrl, "") + separator; } } return strs != '' ? strs.substr(0, strs.length - 1) : ''; } } }; // .el-upload--picture-card 控制加号部分 ::v-deep.hide .el-upload--picture-card { display: none; } // 去掉动画效果 ::v-deep .el-list-enter-active, ::v-deep .el-list-leave-active { transition: all 0s; } ::v-deep .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(0); }

浏览量0

米斯达

Vue2 v-if与v-else-if双条件渲染问题？

只可能是 "msg_unit" 或者 "msg_unit_action" 的值有问题，可以在外部输出一下 "item" 整个对象出来看看各个属性值是否正确。

浏览量0

创作·58

如何约束entity中的属性只能是特定的某些值？

安卓手机可以和巡更系统的巡更点通信吗？

前端 keydown 和 keyup 返回的事件对象属性不一致？

VChart如何实现类似ECharts的profile 效果？

为什么这段HTML打开的网页会一直刷新？

折线图和柱状图一起展示的那种，我的数据很多，x轴是日期，展示了部分 ，鼠标放到图上会展示数据，但是柱状图是所有的数据都展示，使得每个柱子都特别窄，这种应该怎么处理呢？

[AMH] 建议对AMEM(异常监控与提醒）功能进行升级？

求大佬帮忙搞个bat处理txt里的内容？

python+cython+pyav 如何构建一个包含第三方动态链接库的 wheel 包？

brew 一直没有更新内容怎么办?

使用elmentui的下拉选择能实现选择色卡的效果吗？

新手照着ruoyi框架写，他是怎么解决循环依赖的？

这种分页滚动加载如何处理？

通过命令行用vscode打开test.txt, 能否省略后缀名? 能否传入基于非当前工作目录的相对路径?

python 处理json 数据报错？

这个情况是因为什么？控制台输出的对象，在展开和折叠时数据不对等？

IEEE754 java如何解析？

为什么xxl-job和海豚调度 执行任务时结果要返回给admin/master处理, 而不是执行器/worker直接更新结果?

这个文件夹显示隐藏这种功能该怎么做？

部署后，大文件下载报错：ClientAbortException: java.io.IOException: 你的主机中的软件中止了一个已建立的连接？

为什么promise.then 和 promise.catch 捕获错误的顺序不一样？

我要如何检查是哪里使用过多内存？

vue使用VONIC插件路由回退后修改data数据不渲染？

如何对script标签引入的 JS文件没有做异步处理？

Java 中如何读取 Excel 文件公式计算后的值？

lint-staged如何撤销暂存区的文件到工作区？

Java 中如何按列读取 Excel 数据？

如何在 Vue 中实现 Excel 格式的输入与显示?

Vue3，父子组件通讯和数据传递？

Koa中间件ctx.request.body为何是字符串?

crypto-js中的WordArray到底是什么？

地图弹窗不显示，是什么原因呢？

做百度前端技术学院对象原型继承时，对这个问题题目的不解？

nodejs中怎么引入有ES6语法的npm包？

rust 在 vscode 编辑器上使用遇到的问题?

el-radio-button如何均等且自适应？

图片怎么不拉伸不裁剪的显示出来有好的解决方案吗？

el-from怎么设置深层属性prop?

amfile-3.7文件管理突然就不显示文件列表了？

遇到一个 ts 的问题，有更优雅的解决方案吗？

如何在 CSS 中模拟链接的移入效果？

如何实现空间不足折叠展示在下拉框中的效果？

vue3编译过程的调试，怎么才能调试啊?

PC端多屏适配，PC兼响应式H5项目实现方案？

关于《深入理解java虚拟机》阅读时候的问题？

angular6版本的项目启动后，发请求就报错?

现在的项目和后台不变，把之前的项目以及未来新的项目加进一个地址中，通过url后缀切换系统?

Ant Design Vue 如何修改 a-table 的 header ？

VUE2头像上传后无法预览的解决方法?

Vue2 v-if与v-else-if双条件渲染问题？

履历

折线图和柱状图一起展示的那种，我的数据很多，x轴是日期，展示了部分，鼠标放到图上会展示数据，但是柱状图是所有的数据都展示，使得每个柱子都特别窄，这种应该怎么处理呢？

为什么xxl-job和海豚调度执行任务时结果要返回给admin/master处理, 而不是执行器/worker直接更新结果?