随笔分类 -  vue

vue上传文件
摘要：上传按钮 <button @click="clickUploadSpider"> 批量上传 <!-- @click.stop 防止冒泡 --> <input type="file" id="uploadSpider" class="upload-input-none" @click.stop @ch 阅读全文
posted @ 2021-05-19 14:32 她的开呀 阅读(370) 评论(0) 推荐(0)
vue连接RabbitMq
摘要：vue连接RabbitMq node环境下安装RabbitMq的javascript客户端 stompjs npm install stompjs 在RabbbitMq开启 stomp 协议的端口 rabbitmq-plugins enable rabbitmq_web_stomp 参考文档：htt 阅读全文
posted @ 2020-09-27 11:27 她的开呀 阅读(6248) 评论(0) 推荐(0)
vue封装按钮倒计时组件
摘要：vue封装按钮倒计时组件 点击按钮之后，间隔一段时间才能重新点击 props： | 属性 | 说明 | 类型 | 默认值 | | | | | | | text | 按钮显示的文本 | String | 按钮 | | delayTime | 重新点击按钮需要的时间 秒 | Number | 10 | 阅读全文
posted @ 2020-09-04 16:10 她的开呀 阅读(372) 评论(0) 推荐(0)
vue封装生成cron表达式组件
摘要：vue封装生成cron表达式组件 cron组件(VueCronLinux.vue) <style lang="scss" scoped> #change-crontab { .language { position: absolute; right: 25px; z-index: 1; } .cro 阅读全文
posted @ 2020-08-24 18:08 她的开呀 阅读(9846) 评论(0) 推荐(0)
vue中自定义右键菜单
摘要：vue中自定义右键菜单 在所编辑的页面，需要添加右键菜单的元素，绑定contextmenu事件，如下： <li v-for="item in resourceList" :key="item.id" @click="handleClickFolder(item)" @contextmenu.prev 阅读全文
posted @ 2020-08-17 16:07 她的开呀 阅读(4657) 评论(0) 推荐(0)
vue自定义可输入的选择框组件
摘要：vue自定义可输入的选择框组件 props： | 属性 | 说明 | 类型 | 默认值 | | | | | | | selectDataList | 下拉框中的内容 | Array | 空数组（[]） | | value | 输入框中的内容 | String | 空字符串（""） | | trans 阅读全文
posted @ 2020-08-14 18:22 她的开呀 阅读(3541) 评论(0) 推荐(0)
vue中一个组件使用多个相同子组件自适应窗口变化问题
摘要：vue中一个组件使用多个相同子组件自适应窗口变化问题 问题背景 一个组件中用了两次自定义的table组件 table组件中使用window.onresize监听了浏览器窗口的变化，并做了自适应处理 产生的问题 由于window是个全局变量，所以渲染第二个table组件时，会覆盖第一个table组件的 阅读全文
posted @ 2020-07-17 09:29 她的开呀 阅读(2383) 评论(0) 推荐(0)
vue中使用markdown
摘要：vue中使用markdown 参考资料：https://github.com/hinesboy/mavonEditor https://www.jianshu.com/p/aca26ec75ec3 示例： <template> <div> <!--markdown编辑--> <no-ssr> <ma 阅读全文
posted @ 2020-06-30 17:25 她的开呀 阅读(2089) 评论(0) 推荐(0)
vue使用axios配置拦截器添加token和进度条
摘要：vue使用axios配置拦截器添加token和进度条 vue中安装axios文档：http://www.axios-js.com/docs/vue-axios.html axios.defaults.baseURL = 'http://47.115.124.102:8888/api/private/ 阅读全文
posted @ 2020-06-30 17:24 她的开呀 阅读(853) 评论(0) 推荐(0)
将已有的vue项目转换为electron-vue项目
摘要：https://www.cnblogs.com/duhaoran/p/12909347.html 阅读全文
posted @ 2020-06-30 16:42 她的开呀 阅读(2390) 评论(0) 推荐(0)
vue 单页面项目卸载依赖和插件的方式
摘要：方式1. 在package.json文件中删除相关的依赖和插件，然后重新运行 npm install 方式2. 在控制台运行 npm uninstall 依赖名，或者在 vue ui 打开图形界面的依赖部分点击删除按钮 阅读全文
posted @ 2020-06-10 21:32 她的开呀 阅读(5032) 评论(0) 推荐(0)
Tomcat部署vue单页面项目
摘要：#Tomcat部署vue单页面项目 将vue项目打包，会生成一个dist文件夹 npm run build 将dist文件夹中的内容复制到Tomcat的webapps/ROOT目录下（Tomcat默认的根目录就是webapps/ROOT目录） 启动Tomcat，浏览器访问 http://localh 阅读全文
posted @ 2020-06-10 21:26 她的开呀 阅读(1561) 评论(0) 推荐(0)