- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue使用ckeditor5
ckeditor5是一个富文本编辑器，具有MVC架构和虚拟DOM，还可以自定义富文本编辑器安装文档官网官方domegitHup仓库地址1.从官网自主选择需要的工具（如图）上面picked plugins:是当前模板已有的工具，向下滑动还有很多可选，想要什么点add即可添加成功，注意部分工具右上角有个小星星是指要收费,不想要的remove即可点击上方没有置灰的即可拖到下面，下面不想要的点击一次即可拖到上面点击start开始构建配置的富文本编辑器，并下载安装包。后续具体使用请看这位博主详细说明。
2024-01-22 15:12:02
256
原创 TinyMCE在vue中的使用
安装之后在node_modules里面找到tiynmce文件，将里面的文件复制到根目录下的public或者assets文件夹下，这里我放在public里面的，如下图，删除多余的文件，这几个文件即可。利用mommoth将word文档内容先转化为html代码，再将html代码渲染到富文本编辑器内，这期间可能会导致部分样式流失，可以根据replace替换添加样式等。解决办法：在public的文件夹下面index.html文件里面引入tinymce.min.js文件。里面的langs文件是需要汉化的语言包，从。
2023-11-02 19:22:02
636
1
原创 vue利用dagre-d3/dagre实现动态流程图
实现动态流程图效果例如：实时监控项目请求接口数据，这期间数据是从网页到服务器或者到数据库等等的过程，想要一个可以直接清晰了解过程的流程图。
2023-06-26 16:11:23
2213
1
原创 vue中使用webSocket教程
1.Websocket是一个持久化的协议2.说它是TCP传输，主要体现在建立长连接后，浏览器是可以给服务器发送数据，服务器也可以给浏览器发送请求的。当然它的数据格式并不是自己定义的，是在要传输的数据外层有ws协议规定的外层包的。3.websocket是一种全新的协议，不属于http无状态协议，协议名为"ws"
2023-06-15 14:56:13
3157
原创 集合通过id和parentId转换成树形结构
比如这个nodeId是0.1.4的节点，他的parentId是0.1，那就说明nodeId是0.1的节点就是他的父节点，nodeId是0.1的节点的parentId是0，就说明nodeId是0的节点是他的父节点。项目中有很多场景会遇到需要将数据转换成树形结构来展示内容的时候，比如：进入页面的菜单展示、树形列表的展示或者是父子联动的勾选框展示等等。原理和上面差不多，先是获取父节点，再判断是不是父节点，不是父节点就放在当前节点的子节点内。
2023-06-15 09:53:14
805
原创 vue项目利用vue2-ace-editor实现代码编辑器
简介：项目场景：示例:新增的时候需要添加一段代码，页面需要展示成平时代码编辑器的那种效果，并且前面要有两行注释。
2023-05-12 17:28:18
2120
1
原创 JS获取点击事件的内容
JS获取点击事件的内容点击事件的方法获取点击事件的内容点击事件的方法 <div> <a onclick="test()">点击</a> </div> <script> function test(){ var is=event.currentTarget; console.log($(is)); //获取当前元素，类同this 返回绑定事件的元素 console.log(
2022-03-04 13:51:05
10928
原创 后台接口返回json数据中key的值有特殊字符，如何取值
后台返回json数据中key有特殊字符的取值后台接口返回的json数据中key通常命名是驼峰命名法，但有时也会出现特殊字符，列如字符“-”，我们只需要用[ ]加上引号写上key就行如下：取值：res.data [ ‘C-Response-Desc’ ]就能取到C-Response-Desc里面的值...
2021-06-25 16:07:28
2192
原创 vue上传文件get请求，携带参数文件和其他参数
列子一：简单的上传文件，先把文件上传到input框只展示文件名，不走接口，之后点击确定上传按钮统一上传<template> <div> <Col> <FormItem label="上传文件：" prop="plugin_name"> <Input v-model="setValidate.plugin_name" placeholder="请选择上传文件(.ZIP格式)"></Input> </Fo
2021-06-23 14:11:54
7627
4
原创 vue移动端点击电话图标跳转拨打电话功能
vue移动端点击电话图标跳转拨打电话功能项目场景：最近做app的时候，遇到点击电话小图标跳转到拨打电话功能![如图所示](https://img-blog.csdnimg.cn/20210519154336206.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTMxMzA5Mw==,size_16,color_FFF
2021-05-19 16:55:39
1066
原创 tab点击切换页面内容
<Tabs pane label="语 言"> <div class="title"> <span @click="tab=0" :class="{tab_ active :tab==0}" > java</ span> <span @click="tab=1" :class="{tab_ active : tab==1}" > cobol</span </div></.
2020-08-07 17:19:20
940
原创 Axios点击按钮查询
//查询按钮ListCases (num，userPermission){ //console. log("num is:" , num) let this = _this; _this. isLoading = true; _this .pageNo = num; let userName = this . $Global . getCookie( ' username ' ); this $axios . post( '/url' ,{ ...
2020-08-07 16:50:44
905
原创 iview+table的分页功能
iview+table的分页功能<Table border : loading=" isLoading ref=" selection' : columns=" columns :data="tableData" class="myTable' @on- select=" selectChangeOut” @on-select-cance1=”selectChangeCancel" @on- selection- change=" onSelectCancel" show- hea
2020-07-09 18:12:07
1305
原创 view+vue上传文件
view+vue上传文件<Upload ref= "upload" align="left" name= "file" :data="setValidates" action= '/mysens/sensitiveInformat/ionScan' :format="['xlsx']" :before-upload="handleUpload" :on-success="uploadSuccess" :on-format-error= "handleFormatError" :on
2020-07-09 17:20:13
511
原创 利用window.location实现下载文档
利用window.location实现下载文档上面template里面写如下代码<div class="tableBtnBox" > <Button @click= "out" type=" primary" >导出< /Button></div>script标签里面export default { methods:{ //导出excel文件 out: function(){ //out(){ var batchNo = "";
2020-07-09 16:37:25
3209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人