- 博客(68)
- 资源 (6)
- 收藏
- 关注
原创 vue+ckEditor5 复制粘贴wold文字+图片并保存格式
刚开始时 ckeditor5-build-classic文件夹下无node_modules,需要找到 项目下的ruoyi-ui\src\plugins\ckeditor5-build-classic文件地址,cmd打开,然后输入npm install 安装下 ckeditor5-build-classic文件夹下就有这个了node_modules。第二 项目下新建一个plugins的文件夹将这个包ckeditor5-build-classic放入。第七步 页面引用。
2024-08-15 10:11:11 380
原创 input 只能输入正数并且只能保留3位小数且开头不能为0,并且表单多字段使用
input 只能输入正数并且只能保留3位小数且开头不能为0,并且表单多字段使用
2024-04-25 17:03:42 318
转载 在子组件中使用mescroll插件中的mescroll-body(uniapp)
子组件中,首先在script标签中import引入,并在mixins中使用该混入,然后在template中的列表数据外包裹mescrol-body标签,其他的downOption、upOption等可根据需要自行配置。父页面中,首先在script标签中import引入,并在mixins中使用该混入,然后在template中的子组件标签中使用ref。本篇文章介绍在uniapp中父页面使用子组件的情况下,为在子组件中正确使用mescroll-body,父页面和子组件所需的设置。
2024-03-20 14:42:19 460 1
转载 vue+element select树形下拉
转载于https://zhuanlan.zhihu.com/p/415995268,供学习。组件页面代码(新增multiple 多选模式默认 false)
2023-03-23 15:30:21 244
原创 element select 下拉及输入筛选
el-select @change=“refreshData” v-model=“queryParams.companyId” filterable :filter-method=“filterMethod” placeholder=‘请选择’>
2023-03-19 13:36:34 406 1
原创 three.js 波浪图
<template><div id="container" ></div></template><script> import * as THREE from 'three'; const SCREEN_WIDTH = window.innerWidth, SCREEN_HEIGHT = window.innerHeight, r = 450; let container let mouseY = 0, win
2022-05-25 10:18:01 399
原创 css不规则标签 菱形 三角符号
.global-lozenge-label{ position: absolute; padding: 0 5px; display: flex; align-items: center; width:15%; height: 26px; color: #fff; background-color: #2058CF; } .global-lozenge-label::before{..
2022-05-23 16:23:19 290
原创 vue 翻牌器
//组件<template> <div class="chartNum"> <div class="box-item"> <li :class="{ 'number-item': !isNaN(item), 'mark-item': !isNaN(item) }" v-for="(item, index) in orderNum" :key="index" >
2022-05-23 11:19:48 520
转载 vue 标签球滚动
<div id='app' > <svg :width='width' :height='height' @mousemove='listener($event)'> <a :href="tag.href" v-for='tag in tags'> <text :x='tag.x' :y='tag.y' :font-size='20 * (600/(600-tag.z))' :fill-...
2022-04-20 11:26:42 500
原创 富文本编辑器 可全屏可粘贴(只能单独粘贴图片或文字)
vue-quill-editor 全屏设置components/Editor/fullScreen.jsimport Vue from "vue";const domList = [ { dom: `<svg t="1637824425355" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10463"><path d="M243
2022-03-21 14:44:32 1752
原创 手机端滚动 左边横向固定 上边纵向固定 css解决方案
<template> <div class="report"> <table> <thead> <tr> <th v-for="(n,i) of 35">字段 {{i+1}}</th> </tr> </thead> <tbody>
2021-10-28 17:18:09 161
转载 element ui input正整数验证
//完美解决需要将v-model 拆开成 :value 和@input <el-input :value="text" @input="e => (text = isnumber(e))" style="width: 66px" :disabled="isEdit" ></el-input> isnumber(val) {
2021-09-22 11:03:51 263
原创 vue使用v-viewer 组件实现图片预览 放大 旋转
//第一步 先安装 # 图片放大 预览 npm install v-viewer --save//第二步 直接使用 注意 imgList:['xxx.png','xxx.jpg']<viewer :images="imgList"> <!-- //photo 一定要一个数组,否则报错 --> <img v
2021-08-17 15:14:29 357
原创 vue element 手动上传文件
<el-dialog :visible.sync="visible" :title="titles" :close-on-click-modal="false" :close-on-press-escape="false" class="videoDialog" width="35%"> <el-form ref="dataForm" label-width="150px" class="mt15"><el-upload class="upload-demo"
2021-08-17 15:05:49 368
原创 vue3和vue2创建项目区别
vue3和vue2创建项目区别vue3npm install -g @vue/cli --force:安装vue clinpm init vite-app kmw:初始化项目cd kmw:切换项目路径npm install:安装项目依赖包npm run dev:启动和运行项目vue2npm install --global vue-cli:安装vue clivue init webpack kmw:初始化基于webpack模板项目cd kmw:切换项目路径npm install:安装项目依赖包n
2021-05-08 09:20:05 582
原创 rich-text 图片大小设置
<rich-text type="text" :nodes="info.content" image-menu-prevent="true"></rich-text>//设置图片宽度 const nodes = res.data.content nodes.map((node, nodeIndex) => { node.children.map((childNode, childIndex) => { if(childNode.name === 'i
2021-04-15 15:56:58 1910
原创 vue 合并数组去重复
//xx.vueimport {unique} from "@/utils/index.js" let ids=[1,2,3]let dataIds=[2,4,5]var arry=([...ids,...dataIds]) //1,2,3,4,5,2//调用上面方法去重复let arr=unique(arry)//1,2,3,4,5//index.jsexport function unique(arr) { // 根据唯一标识no来对数组进行过滤 let result =
2021-03-02 14:58:50 2055
原创 vue+element table表格校验必填项
<el-form :model="inServForm" ref="inServForm" :rules="rules" size="small"> <el-table ref="infiledList" border :data="inServForm.infiledList" style="width: 100%" > <el-table-column prop="matnrid" label="阈值" width="165px">
2020-12-15 12:15:17 2570
原创 el-input 从接口获取数据赋值后不能编辑
dataForm: { houseId: undefined }//站房id that.dataForm.houseId = response.data.device.houseId; 这样是不行的 编辑不了 //原因在于在Vue实例创建时,obj.b并未声明,因此就没有被Vue转换为响应式的属性,自然就不会触发视图的更新,这时就需要使用Vue的全局api $set()://$set()方法相当于手动的去把obj.b处理成一个响应式的属性,此时视
2020-12-15 11:03:49 793 1
原创 计算时间差 兼容苹果手机
/**计算时间差*/function difference(beginTime, endTime) { var beginT=beginTime.replace(/-/g, '/') //2020-08-08 08:00:00 将-替换成/ 因为苹果手机不兼容-这种写法 var endT=endTime.replace(/-/g, '/') var beginTimeS = new Date(beginT); // 日期格式转时间戳 var start = beginTimeS.getTime(
2020-11-19 14:19:26 206
原创 vue页面跳转刷新
//问题现象:当从第一个调到第二个地址时,页面内容不进行刷新,依然停留在地址1的内容,但是地址栏会变化为地址二。//使用watch监听 watch: { '$route': function(newUrl, oldUrl) { if (newUrl != oldUrl) { //调用方法,从后台再次获取数据 this.getList(); } } },...
2020-11-05 11:06:49 347
原创 vue element 针对某个div进行加载提示
getList() { let that = this //打卡加载遮罩层 const loading = this.$loading({ lock: true, text: '拼命加载中,请稍后...', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.5)', target: document
2020-11-05 10:21:34 719
EZUIKit_js_v2.7.0_build20200420.zip
2020-05-20
wxParse-master.zip
2020-03-06
tfgg-verify_1.0.1.zip
2020-03-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人