vue3
一个前端女子
这个作者很懒,什么都没留下…
展开
-
vuex:存放在store中变量,F5刷新会失效
项目中有很多地方上传视频和图片,需要限制上传对应资源的大小。大小从接口获取,为了方便使用写在store了中,但是一刷新就变成了0!下载插件:cnpm install vuex-persistedstate --save在store中的index.js文件配置,代码如下:对应的fileSize.js:...原创 2022-06-22 09:54:03 · 453 阅读 · 1 评论 -
oss上传较大视频进行分片处理
vue方法: 效果:原创 2022-06-20 10:43:03 · 1212 阅读 · 0 评论 -
vue3:使用sortablejs实现表格拖拽移动(修改拖拽样式)
<template> <div class="app-container home"> <el-table class="t1" ref="dragTable" :data="tableData" row-key="id" border :row-class-name="tableRowClassName" > <el-table-column prop="da.原创 2022-05-16 16:38:23 · 5496 阅读 · 2 评论 -
转:ref、reactive、toRef、toRefs的区别
ref、reactive、toRef、toRefs的区别_醉逍遥neo的博客-CSDN博客_torefs原创 2022-04-22 17:09:20 · 180 阅读 · 0 评论 -
vue3.解放双手:按需引入unplugin-auto-import
另:vite搭建的项目有专门的版本下载:npm i -D unplugin-auto-import使用:新建js文件import autoImport from 'unplugin-auto-import/vite'export default function createAutoImport() { return autoImport({ imports: [ 'vue', 'vue-router',原创 2022-04-22 16:27:13 · 2687 阅读 · 0 评论 -
vue3中使用store并且响应式其中的变量
1.引入import{useStore}from"vuex"2.在stepup中 声明引用conststore=useStore()3.响应式stotre中的变量store.dispatch("toggleFullScreen",screenfull.isFullscreen);原创 2022-03-12 12:09:53 · 1124 阅读 · 0 评论 -
全屏插件:screenfull.js的使用
全屏插件:screenfull.js的使用 npm install screenfull@^5.0.2 -- save 在用到的组件中引入import screenfull from 'screenfull' 3.如果想控制全屏和推出全屏的样式,变量需要异步更新 在store中写如下代码:Markupimport { createStore } from 'vuex'export default createStore({ state: { videoSh...原创 2022-02-26 15:28:17 · 1743 阅读 · 0 评论