vue-element-ui日期element vue
vue3:vue+nginx+php进行服务端部署的配置(nginx/1.18.0 / vue@3.2.37)
一,开发环境中的配置: 1,前端:vue的vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, p ......
记录--设计一个可选择不连续的时间范围的日期选择器
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 npm包:sta-datepicker 效果图 需求 普通的时间选择器要么只能单选,要么只能选范围,不可以随意选择若干个时间,同时大多数现成的时间选择器选择结束会收起来,很不方便。现在需求如下 1、可以自己控制展开收起 2、可以选择不连续 ......
vue实现点击按钮一键复制功能
点击复制按钮后,将内容一键复制下来,不用去选中复制 第一种直接使用js方式: <div class="mask-cont"> <p><input id="input" /></p> <button class="btns" @click="copyToClip">复制</button> </div> ......
vue-文字转语音
### vue #### SpeechSynthesisUtterance监听事件 onstart 开始合成 onend 合成结束 onerror 合成错误 onpause 暂停 onresume 恢复暂停 onboundary 在句子或单词边界 ```html --> {{text}} --> ` ......
【vue】vue全家桶是什么?
Vue全家桶一般来说包括项目构建工具vue-cli、路由管理器vue-Router、状态管理模式vuex、网络请求库Axios、ui框架、打包工具webpack,下面我们分别介绍。 1. 项目构建工具:vue-cli Vue.js+webpack的项目模板。Vue cli提供了强大的功能,用于定制新 ......
vue3使用ClipboardJS插件的方式
建个工具类,以进行不同地方的调用复用。 调用方式,options参数的使用看自个的需求。 html调用方式 ```html 复制我 ``` vue组件调用方式 ```vue 复制我 ``` 工具类 ```js import ClipboardJS from 'clipboard' import { ......
vue学习记录 5
昨天看到侧边导航栏的位置就下班了,现在继续看。 文件位置 src/layout/components/NavBar.vue 但是没有getters,还是没找准位置。同目录下的子组件也没有。佬也记不清当初怎么写的了。 参考之前路由里面给layout重定向到dashboard,会不会这个侧边栏也通过类似 ......
结合vue自定义指令实现元素拖拽
vue自定义指令:https://v2.cn.vuejs.org/v2/guide/custom-directive.html 1、在main.js注册全局自定义指令 Vue.directive('drag', { // 当被绑定的元素插入到 DOM 中时…… inserted: function ......
Vue2 移动端 ui库 MintUI
MintUI MintUI是饿了么团队开发的基于移动端的vue组件库。用于搭建移动端界面。 http://mint-ui.github.io/docs/#/zh-cn2 Vant组件库也是基于移动端的vue组件库(有赞团队)。 https://vant-contrib.gitee.io/vant/v ......
Vue常用的组件库有哪些
Vue官网:https://v2.cn.vuejs.org/ Vue常用的组件库: 一、移动端 常用组件库 1. Vant ui --有赞移动 UI 组件库,支持 Vue 3 微信小程序,支付宝小程序\ Github: github.com/youzan/vant 2. Cube UI -- 滴滴出 ......
Vue3 设置全局变量
# 方式一: - main.js 设置全局变量 ``` import api from '@/api' app.config.globalProperties.$api = api ``` - 使用全局变量,使用 getCurrentInstance 方法。 ``` // ctx.$api 就是全局 ......
vue技术点归纳
1.vue是什么? vue是一套构建用户界面的渐进式框架,核心库只关注视图层。vue和react相同点: 1.都使用 virtual DOM; 2.提供了响应式(reactive); 3.组件化(composable)的视图组件; 4.都支持native方案; 5.都支持SSR服务端渲染; 6.都支 ......
关于vue2路由跳转问题记录
1. vue 路由间跳转和新开窗口的方式(query, params) 路由间跳转配置: query方式:参数会在url中显示 this.$router.push({ path: '路由地址', query: { msg: 'hello world' } }) params方式:传参数据不会在导航栏 ......
记录vue 3 、Element Plus 框架可进行开发的可选导入语句
Vue 3 框架中有许多可选的导入语句,用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例: ref、reactive、toRefs:用于创建响应式数据和处理数据的函数。 computed:用于创建计算属性的函数。 watch:用于监听数据变化的函数。 nextTi ......
vue+vant实现浮动导航栏点击定位到模块,且选中效果随滚动切换
1.主页面中导入浮动导航栏(使用vant的粘性布局sticky组件,使首屏下方的导航栏随页面滚动浮动在想要的位置): <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi ......
vue中使用mqtt实现实时通信
## 简介 MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,是 TCP/IP 的再封装,由 IBM 在 1999 年发布。MQTT 最大优点在于,地开销,少流 ......
module vue has no exported member h vetur 2614
一、尝试了 引入h函数,怎么都是失败 二、 最后是在函数里面,使用 const h = this.$createElement 得到方法 三、 ......
vue 组件定位插件 webpack-code-inspector-plugin -- 强烈推荐
# 作用 alt + shift + 鼠标左键 自动跳转 vscode项目的组件代码 # 项目地址 https://github.com/zh-lx/code-inspector/blob/main/packages/webpack-plugin/README.md # 使用方法 ``` npm i ......
前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066
#### 前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i- ......
直播平台怎么搭建,vue 中判断数组中是否有重复的数据
直播平台怎么搭建,vue 中判断数组中是否有重复的数据 isRepeat(v){ let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false }, 以上就是 直播平台怎么搭建 ......
vue+html2canvas生成寄几想要的海报
需求: 点击弹出一个弹窗,其中是某个作品内容的海报,需要呈现作品的内容+二维码 思路: 获取作品内容渲染到弹窗中,生成包含分享链接的二维码,将整个界面转为图片,用户可以长按保存,并扫描识别。 方案及步骤: 1.引入html2canvas实现生成图片的功能 npm install --save htm ......
Vue el-date-picker 日期组件的使用,需要初始化时间,初始化时间时候,注意 日期月份 补0
Vue el-date-picker 日期组件的使用 需要初始化时间,初始化时间时候,注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
vue中this.$refs获取不到组件元素的解决办法
vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
js正则格式化日期时间自动补0的两种解法 将2022-3-4这种日期格式转化为2022-03-04
js正则格式化日期时间自动补0的两种解法 将2022-3-4这种日期格式转化为2022-03-04 https://www.jb51.net/article/225324.htm +目录背景 解法一 思路:代码:解法二 思路:总结 参考 背景 时间日期格式化的需求很常见,也有很多工具类转换方法,比如 ......
js日期格式补0 ,获取当前时间,判断,补0,进行字符串拼接
js日期格式补0,获取当前时间,判断,补0,进行字符串拼接 https://blog.csdn.net/m0_56272227/article/details/127803556 背景:一般情况下需要对日期做补0操作 方法一: getTime(){ const time = new Date() c ......
Linux系统上检查用户创建日期
1、 https://cloud.tencent.com/developer/news/199201 您知道如何在 Linux 系统上检查用户帐户创建日期吗?如果是, 有什么方法可以做。 你在这方面取得成功了吗?如果是, 怎么办? 基本上Linux操作系统不会跟踪这些信息,因此,获取这些信息的替代方 ......
由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令
首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话,这位博主的文应该会对你有所帮助:nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有,按以下步骤走 步骤: 1、检查环境变量 【注意:以下修改操作每次完成后都要记得 ......
vue-element-admin 上传图片慢问题处理
vue-element-admin自带上传图片组件,在使用的过程中发现上传速度很慢,尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况,是因为upload组件会将图片上传到action="https://httpbin.org/post" ,并返回转换成base64编码格式的数据。 格式类似: ......