随笔分类 - Vue
摘要：1.使用组件 组件源码版本license vue-codemirror 地址 4.0.6 MIT script-loader 地址 0.7.2 MIT 2.组件代码 Codemirror 3.组件使用 <Codemirror v-model='form.content'></Codemirror>
阅读全文
摘要：1.使用组件 组件源码版本license vue-mark-display 地址 0.2.2 MIT @toast-ui/editor 地址 3.1.5 MIT jshint 地址 2.13.6 MIT jsonlint 地址 1.6.3 MIT 2.组件代码 TuiEditor 3.使用 <Tui
阅读全文
摘要：1.使用组件 组件源码版本license luckysheet 地址 2.1.13 MIT 2.组件代码 Luckysheet 3.添加luckysheet静态文件至本地 ruoyi-ui/public/index.html 4.截图 5.示例项目 项目一：gitee
阅读全文
摘要：1.使用组件 组件源码版本license simple-mind-map 地址 0.6.6 MIT @toast-ui/editor 地址 3.1.5 MIT v-viewer 地址 1.6.4 MIT xlsx 地址 0.18.5 Apache-2.0 vue-i18n 地址 8.27.2 MIT
阅读全文
摘要：1.使用组件 组件源码版本license tiny-whiteboard 地址 0.1.12 MIT 2.组件代码 <template> <div ref="container" class="container"> <div class="canvasBox" ref="box"></div> <
阅读全文
摘要：1.使用到的组件 组件源码版本license bpmn-js 地址 7.3.1 bpmn.io bpmn-js-properties-panel 地址 0.37.2 MIT camunda-bpmn-moddle 地址 4.5.0 MIT 版本一定要对，否则可能会报错 2.组件代码 <templat
阅读全文
摘要：组件源码版本license tinymce 地址 4.9.3 MIT 示例项目一 源码地址：gitee 1.封装组件 <template> <div :class="{fullscreen:fullscreen}" class="tinymce-container" :style="{width:c
阅读全文
摘要：一 Blog博客网站 Blog博客网站 项目地址：https://gitee.com/Ning310975876/ruo-yi-vue-blog 采用 Spring Boot + MyBatis，前端 vue + element-ui 支持多种编辑器：CherryMarkdown • Quill •
阅读全文
摘要：<el-input @blur="blur" :rows="5" v-model="messageForm.content" type="textarea" maxlength="100" show-word-limit placeholder="请输入你的留言"></el-input> data(
阅读全文
摘要：vue代码： <el-table-column prop="totalMoney" label="项目总投资额" align="center" show-overflow-tooltip> <template slot-scope="scope"> <el-input v-model="scope.
阅读全文
摘要：安装依赖 npm install cherry-markdown --save 子组件写法 <template> <div @click.prevent.stop> <div :id="mdId" :style="{height:height+'px'}" /> </div> </template
阅读全文
摘要：一、起因# 由于电脑重装系统，重新下载nodejs,自然更新到最新版本18，之前的版本才16。更新到最新nodejs版本后，运行vue文件，报错： this[kHandle] = new _Hash(algorithm, xofLen);^ Error: error:0308010C:digital
阅读全文
摘要：案例一 HTMl代码块： <el-col :span="24"> <el-form-item label="与承租户同户籍成员:" :label-width="formLabelWidth"> <el-table :data="zichandetail.members" :border=true s
阅读全文
摘要：1、基本用法 代码： <el-date-picker type="date" v-model="valueStart" value-format="yyyy-MM-dd" placeholder="开始时间" > </el-date-picker> 代码解读： type参数是用来定义选择器选择的对象
阅读全文
摘要：近日客户表示上传的图片过大，无法自动匹配展示区域 由于使用的是Tinymce富文本编辑器自带的图片上传插件，选择图片后会读取对应图片的长和宽，客户又不愿意手动去修改长宽比去适应显示界面，希望自动适配，网上看了很多，有很多是重写一个图片上传插件，我这里并没有那么复杂，于是简单阅读了一下源码 在此目录下
阅读全文
摘要：1.只能选择当前及以后的日期 <el-date-picker v-model="value1" type="date" :picker-options="pickerOptions"> </el-date-picker> data() { return { pickerOptions: { disa
阅读全文
摘要：1.演示： 人员单选 人员多选 2.代码： 封装单人选择器组件： <!-- 主题党日-人员选择器(单人选择器) --> <template> <div> <el-input v-model="perSelector.name" :readonly="true" :disabled="editVisi
阅读全文
摘要：Print.js 官方文档：https://printjs.crabbly.com/ 重点：多页打印 经过读文档，print.js 有个功能是打印JSON。所以我们在打印JSON 的时候，只需要调接口拿到所有的数据，然后在打印就可以了。 import printJS from "print-js";
阅读全文
摘要：上图： 校验： <script> export default { name: 'PersonTransferDetail', data() { const checkTrainNum = (rule, value, callback) => { if (value !== null && valu
阅读全文
摘要：因公司项目要求，需要修改表单的样式： 上代码： <el-dialog width="55%" top="5vh" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :close-on-click-modal="false
阅读全文
