- 博客(38)
- 收藏
- 关注
原创 vue element tree通过id找父节点、通过某个节点获取完整路径
vue element tree通过id找父节点、通过某个节点获取完整路径
2023-12-20 13:45:01 2289
原创 elementUI中upload上传组件点击上传按钮,选择文件框弹出前进行提示点击确定则继续弹框选择文件上传
elementUI中upload上传组件点击上传按钮,选择文件框弹出前进行提示点击确定则继续弹框选择文件上传。
2023-12-15 17:49:48 2198
原创 vue实现富文本头部吸顶
根据当前滚动条位置和容器元素位置,判断是否需要将头部工具栏吸顶。获取滚动条的当前位置,可视区域高度和容器元素的总高度。如果需要吸顶,则修改头部工具栏的定位方式、位置和宽度。获取富文本编辑器容器元素和头部工具栏元素。计算容器元素相对于视口的顶部位置。
2023-05-25 15:58:32 423
原创 vue 移动端预览v-viewer插件,支持查看图片支持 翻转 查看 放大 缩小 翻转 播放等功能
【代码】vue 移动端预览v-viewer插件,支持查看图片支持 翻转 查看 放大 缩小 翻转 播放等功能。
2022-10-30 17:14:09 2204
原创 vue中使用element-ui里的table中表头与表格出现错位问题
电脑显示的缩放引起的,并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常,而Google浏览器才会出现这个问题。
2022-10-12 08:56:29 409
原创 element-ui中input框,select框,date框宽度自适应问题
input框宽度可以自适应,select框和date框宽度无法自适应,需要给宽度设置一个100%
2022-07-26 15:01:14 1676 1
原创 vue3:使用sortablejs实现表格拖拽移动
vue3表格拖拽Sortable: must be an HTMLElement, not [object Null]
2022-07-05 15:08:32 2842
原创 Vue 3结合element plus(问题总结)之 table组件实现多选和清除选中
一直出现toggleRowSelection和clearSelection不是方法
2022-06-24 17:15:13 3057
原创 Vue3+ant-design-vue 表格实现上移下移排序 和 Vue3+element-plus 表格实现上移下移排序
Vue3+ant-design-vue 表格实现上移下移排序Vue3+element-plus 表格实现上移下移排序
2022-06-16 17:40:33 889
原创 WEB 端系统框架使用说明
一、介绍vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。参考以下文档https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/pc端 elementui 组件库:https://element.eleme.cn/#/zh
2022-05-24 10:08:55 513
原创 win10系统下nodejs安装及环境配置
win10系统下nodejs安装及环境配置一、下载对应的nodejs安装包1、官网地址:https://nodejs.org/en/2、选择稳定版(当前版本:14.18.2),内置 npm 引擎为 6.14.15。注意:npm 引擎版本 6、 7、8 之间差异较大,编译兼容性很差。二、开始安装1、双击“node-v10.16.3-x64.msi”,默认安装。注意:过程中间的会弹出勾选框界面,一定不要勾选,否则会安装一些没用的开发组件。win10系统下nodejs安装及环境配置_第2张图片2、
2022-05-17 16:16:55 6976 2
原创 vscode git提交代码
首先打开VScode的终端,进入你要提交的代码所在的目录下,然后1 初始化:git init2 定向到你的代码仓库:git remote add origin git上的https地址3 本地保存git add -A4 提交git commit -m "第一次提交"5 注意,如果你项目中有readme文件而且在码云网站上创建仓库时也生成了readme文件话要加上 -fgit push origin master ...
2022-05-17 11:00:15 4893
原创 VUE 文字转语音播放的实现示例(亲测好用)
三、vue项目案例<template> <button @click="playVoice">播放语音</button></template><script>const synth = window.speechSynthesis;const msg = new SpeechSynthesisUtterance();export default { data() { return {}; },
2022-05-14 10:07:16 3640 6
原创 vue el-date-picker限制范围:picker-options
vue element el-date-picker设置当日之前/之后的日期不可选择一、官方文档示例:<el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker>二、 禁用当天之后的时间不可选择(disabledDate中,time.getTime()
2022-05-13 17:29:13 2099
原创 Vue+Element UI 实现省市区数据联动
1.安装npm install element-china-area-data -S2.使用省市区三级联动带全部//Test.vue<template> <div id="app"> <el-cascader size="large" :options="options" v-model="selectedOptions" @change="handleChange" > </e
2022-05-13 15:18:13 1415
原创 vue+vant2:van-picker绑定对象如何展示
vant官网中的":columns"绑定的是一个一维数组,如:[1,2,3,3,4],但我们平常出现的都是一个对象数组,解决方法:添:value-key=“name”,name对应的数组对象中要渲染的键。 <van-field readonly v-model="tableData.productName" name="产品名称" label="产品名称" placeholder="点击选择产品名称" @click="showPicker2 = true" :rules="[{ required:
2022-05-11 09:16:25 2311
原创 vue 局部刷新,不会像前两种那样出现短暂的闪烁效果,提升用户体验
通过在APP页面进行demo进行刷新,不会像前两种那样出现短暂的闪烁效果,提升用户体验,通常可以使用这种方式(1)、在APP页面中写入下面代码<template> <div id="app"> <router-view v-if="isShow"/> </div></template><script>export default { name: 'App', provide(){ return
2022-05-07 11:22:17 1024
原创 label-position设置为top时,label自动居中了
label-position设置为top时,label自动居中了.el-form–label-top {text-align: left !important;}
2022-04-05 10:52:54 1218
原创 vue微信授权登录
vue微信授权登录(亲测)准备:一、微信公众平台测试帐号申请1、打开微信公众平台测试帐号申请地址:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login通过微信扫一扫授权就能进入到测试号管理页面。二、设置授权域名在测试号管理页面,需要修改两个地方第一个:将地址换成外网访问地址:第二个**(此时不需要前面的http://)**:如果报redirect_uri参数错误,可检查这步是否去除前面的http://除了修改
2020-06-16 16:04:46 4329
原创 Jenkins前端项目自动部署
java环境jdk,jre参考博客:https://blog.csdn.net/sinat_36403828/article/details/78045618?utm_source=app一、Tomcat下载1、打开Tomcat官网,默认进入官网首页,官网地址为:https://tomcat.apache.org/注:安装Tomcat之前需安装并配置 jdk 和 jre ,请在安装并配置完...
2020-04-17 14:00:28 563
原创 Jenkins 中文设置
一、安装插件中文插件主界面–>系统管理–>插件管理–>可选插件(Locale和Localization: Chinese (Simplified))二、配置语言系统管理–>系统设置–>Locale填入:zh_CN,并保存...
2020-04-17 10:15:42 294
原创 vant定制主题(亲测有效记录)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdow...
2020-04-15 10:35:11 4827 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人