Vue3
Vue3Vue3Vue3Vue3Vue3
疆~
这个作者很懒,什么都没留下…
展开
-
vue3中使用websocket
WebSocket是一种在Web应用程序中实现双向通信的通信协议,它允许客户端和服务器之间建立持久的、低延迟的连接,以实现实时数据传输。通过封装Websocket类,我们可以在Vue3中轻松使用Websocket进行实时数据传输。基于Vue3封装一个好用的Websocket_vue3 websocket封装-CSDN博客。vue3 封装WebSocket(直接复制)_vue3 websocket封装-CSDN博客。vue3中使用webstocket_vue3 封装websocket.ts-CSDN博客。原创 2024-07-29 22:01:22 · 1755 阅读 · 0 评论 -
vue3中使用ant-design-vue
ant-design-vue官网:Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.jsAn enterprise-class UI components based on Ant Design and Vuehttps://www.antdv.com/components/overview-cn/ 引入全局引入:局部引入:使用原创 2024-07-29 21:07:44 · 404 阅读 · 0 评论 -
input原生标签结合vue3双向绑定只有第一次生效问题
在以下changeTest函数中改变test的值,发现input输入框只有第一次会更新,后面几次就不更新了。解决办法:将:value="test"改为。原创 2024-01-09 11:43:02 · 808 阅读 · 0 评论 -
vue中使用video标签播放MP4,m3u8格式视频
一,播放MP4视频<video src="/video/suanfa.mp4" controls width="100%" height="100%" poster="/video/img_cover.png" //视频初始封面地址。可选></video>二,播放m3u8格式视频比如播放m3u8格式的监控摄像头的视频首先安装 cnpm i -S video.js cnpm i -S videojs-cont原创 2020-08-26 09:06:07 · 16957 阅读 · 4 评论 -
vue3中使用富文本编辑器【wangEditor】
开源 Web 富文本编辑器,开箱即用,配置简单。原创 2023-05-17 16:04:49 · 3616 阅读 · 1 评论 -
vue3实现拖拽线
【代码】vue3实现拖拽线。原创 2023-05-17 15:18:46 · 1334 阅读 · 0 评论 -
vite中使用html2canvas 将img、svg和div转canvas
使用 html2canvas 插件,其官网:html2canvas - Screenshots with JavaScripthttp://html2canvas.hertzen.com/ 安装html2canvas: 引入:测试: 效果图: 注意:svg外面要再包一层div,才能获取到svg的dom,不能直接在svg上用ref img转canvas方式1:方式2:使用 html2canvas 插件原创 2023-04-23 18:00:36 · 1320 阅读 · 0 评论 -
Vue3深度选择器 :deep()
使用 :deep() 替换 ::v-deep。vue3中: :deep()vue2中: ::v-deep。原创 2023-04-20 18:04:42 · 6460 阅读 · 0 评论 -
Vue3中引入外部自定义字体
免费商用字体下载(中文字体、繁体字体、英文字体、日文字体、韩文字体),含有授权说明,不定期更新,诚信分享。将下载的ttf文件放到 src/assets/font 文件夹中。原创 2023-04-20 10:56:05 · 3171 阅读 · 2 评论 -
Vue3一键回到顶部/底部
【代码】Vue3一键回到顶部/底部。原创 2023-04-18 17:41:52 · 3260 阅读 · 0 评论 -
Vue3页面内跳转锚点-scrollIntoView()
方法将调用它的元素滚动到浏览器窗口的可见区域。alignToToptruefalsescrollIntoViewOptions,一个包含下列属性的对象。behavior定义过渡动画,默认值为auto。autosmoothblock定义垂直方向的对齐,默认值为start。start顶端center中间end底端nearestinline定义水平方向的对齐,默认值为nearest。start左端center中间end右端nearest。原创 2023-04-18 17:01:10 · 2883 阅读 · 0 评论 -
Vue3中导入导出Excel
Vue2中导出Excel见: https://mp.csdn.net/mp_blog/creation/editor/111305117https://mp.csdn.net/mp_blog/creation/editor/111305117引入xlsx打印看一下XLSX:效果图:原创 2023-02-07 14:46:04 · 2559 阅读 · 2 评论 -
vite中使用局域网访问项目
在运行vite项目后,发现只能本地访问,不能局域网访问,package.json如下。原创 2023-01-10 17:11:07 · 4917 阅读 · 1 评论 -
vue3中使用md5
推荐网站:MD5在线加密 - MD5加密工具 - MD5在线生成MD5在线加密推荐:vue3的md5如何使用以及导入_范闲~的博客-CSDN博客_vue3 md5vue3的md5如何使用以及导入。原创 2023-01-10 17:01:08 · 6544 阅读 · 2 评论 -
Vue3中封装函数式组件-弹窗组件
【代码】Vue3中封装函数式组件-弹窗组件。原创 2023-01-07 15:30:33 · 2362 阅读 · 2 评论 -
Vue3中的shallowRef 和shallowReactive
只处理基本数据类型的响应式, 不进行对象的响应式处理。原创 2023-01-02 22:13:36 · 219 阅读 · 0 评论 -
vue3使用setup语法糖时vscode组件标红问题
发现标红,虽然代码不报错,但是看着很难受。原创 2022-12-26 16:27:48 · 1185 阅读 · 0 评论 -
Vue3中vue-devtools调试工具安装
用于调试Vue.js应用程序的Chrome和Firefox DevTools扩展。Chrome devtools扩展用于调试Vue.js应用程序。Vue Devtools_6.4.5_chrome扩展插件最新版下载_极简插件。重新打开谷歌浏览器,并打开vue3项目,按F12 ,出现以下界面即为安装成功。然后将之前解压的crx文件拖拽到扩展程序界面,按照对应提示点击确认即可。或者 点击右上角 ==》选择更多工具按钮 ==》选择扩展程序。打开谷歌浏览器,地址栏输入。原创 2022-11-29 13:53:58 · 2812 阅读 · 3 评论 -
vite中使用vxe-table
安装:xe-utils vxe-table。原创 2022-11-28 16:13:32 · 1383 阅读 · 1 评论 -
pinia持久化-【pinia-plugin-persist】
【代码】pinia持久化-【pinia-plugin-persist】原创 2022-10-07 22:06:28 · 731 阅读 · 0 评论 -
vue3登录路由拦截
【代码】vue3登录路由拦截。原创 2022-10-07 20:40:38 · 2271 阅读 · 0 评论 -
vue3中加载openlayer
vue2加载openlayer参考:使用openlayers加载OSM街道图,谷歌影像图以及天地图地形图_asdfsdgfsdgfa的博客-CSDN博客_layer.open一,安装olcnpm i ol -S二,在components文件夹下面新建olmap.vue<template> <div id="map"></div></template><script>import 'ol/ol.css'import {Map,View} from '原创 2022-10-06 17:44:51 · 1573 阅读 · 1 评论 -
axios.js请求koa2的增删改查接口
以下示例接口前缀:'/system/user'原创 2022-10-06 12:32:09 · 299 阅读 · 0 评论 -
vue3+koa2+mysql增删改查
【代码】vue3+koa2+mysql增删改查。原创 2022-10-06 12:18:16 · 870 阅读 · 1 评论 -
vue3中使用vue-echarts
vue-echarts详细介绍:https://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.mdhttps://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.md main.js中全局引入 使用原创 2022-10-05 15:14:40 · 6190 阅读 · 1 评论 -
vue3中使用echart
【代码】vue3中使用echart。原创 2022-10-05 13:36:50 · 329 阅读 · 0 评论 -
vite中使用scss
【代码】vite中使用scss。原创 2022-10-02 23:12:00 · 4226 阅读 · 0 评论 -
vite中引入element-plus的icon图标
官网:Icon 图标 | Element Plus首先下载element-plus,参考:vite中引入element-plus_asdfsdgfsdgfa的博客-CSDN博客element-plus官网:Button 按钮 | Element Plus。原创 2022-10-02 22:51:59 · 1436 阅读 · 0 评论 -
vite项目打包
将生成的dist文件夹直接复制到apache中的htdocs文件夹中。发现刷新页面也不会丢失,很好。在vite.config.js中添加。原创 2022-10-02 21:52:36 · 3794 阅读 · 0 评论 -
vite中引入element-plus
element-plus官网:Button 按钮 | Element Plus。原创 2022-10-02 21:28:45 · 2577 阅读 · 0 评论 -
Vite中解决跨域问题
【代码】Vite中解决跨域问题。原创 2022-10-02 10:33:40 · 888 阅读 · 0 评论 -
vue3中的slot插槽
在子组件动态绑定参数 派发给父组件的slot去使用.具名插槽其实就是给插槽取个名字。插槽可以是一个变量名。原创 2022-10-02 09:49:27 · 372 阅读 · 0 评论 -
vue3通过ref获取dom元素,并调用该dom元素通过defineExpose暴露出来的属性和方法
然后声明在setup中一个响应式变量,这个变量的名字要和ref命名一致,最后返回这个变量。首先给dom元素用ref=""命名。原创 2022-10-01 18:09:21 · 1548 阅读 · 0 评论 -
Vue3中组件传值-【父子、兄弟、子孙】
在孙中改变爷传递过来的值,则其他子孙的值都会改变。新建utils/bus.js文件。原创 2022-10-02 10:14:55 · 2575 阅读 · 1 评论 -
vue3中的vue-router
【代码】vue3中的vue-router。原创 2022-10-01 16:14:04 · 175 阅读 · 0 评论 -
Vue3中的watch监听
当监听整个对象时,只要这个对象有任何修改,那么就会触发 watch 方法。无论是其子属性变更(如 user.name),还是孙属性变更(如 user.more.iPhone)...,都是会触发 watch 方法的。监听 user.more.iPhone 属性,那么只有当iPhone属性发生变更时,才会触发 watch 方法,其他属性变更不会触发 watch 方法。方式二:用箭头函数时,则必须加上{deep:true}才能触发监听。方式1:不用箭头函数,则可以不用deep:true。原创 2022-10-01 15:29:37 · 22067 阅读 · 1 评论 -
vue3中的computed计算属性
computed又被称作计算属性,用于动态的根据某个值或某些值的变化,来产生对应的变化,computed具有缓存性,当依赖的值无变化时,不会引起computed声明值的变化。原创 2022-10-01 11:20:14 · 1254 阅读 · 0 评论 -
vue3中toRef和toRefs
将多个数据变成响应式数据。,将一个数据变成响应式数据。原创 2022-10-01 11:10:06 · 327 阅读 · 0 评论 -
vite添加自动导入ref等函数的插件unplugin-auto-import/vite
如果需要pinia的话这里需要引入pinia。vite.config.js配置。原创 2022-10-01 09:53:16 · 1604 阅读 · 0 评论 -
vite中配置@别名
使用@代替src目录。原创 2022-10-01 09:34:12 · 822 阅读 · 0 评论