指令vue3 vue-第3页-526互联

[Vue]自定义导航栏

思路留存自用，主要是template部分，效果大概如下： <template> <div v-show="isStart" :class="'menu_page' + aniClass"> <div class="menu" v-for="item in items"> <div class="gr ......

Vue更新时间 2024-01-10

vue3 + element-plus 的 upload + axios + django 文件上传并保存

之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了这里隐藏了文件展示列表展示了上传文件的 ......

element-plus element 文件 django upload更新时间 2024-01-09

关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别

分页有两种形式,一种是前端进行分页,一种是后端进行分页前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......

前端框架问题 vue3 vue更新时间 2024-01-09

naming conflicts with other components【vue3】

问题描述：在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案：修改vite. ......

components conflicts naming other with更新时间 2024-01-09

vue3hooks中的生命周期钩子

vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......

钩子 vue3hooks 周期生命 3hooks更新时间 2024-01-09

Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)

依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例核心代码 <div class="preview-box"> <a-modal class="previ ......

vue-office 文件 office world excel更新时间 2024-01-09

vue入门——？？04days

def接口项目_回顾 # 创建数据库指定编码 CREATE DATABASE drf_ks CHARACTER SET utf8; # 锁定用户后，之前签发的token，如果没过期，还能用 -自己写认证类》拿到当前用户后，判断是否锁定，如果锁定了，认证不通过即可 # 用自定义用户表--》签发tok ......

days vue 04更新时间 2024-01-09

Vue——实现与后端交互

展现方式：点击按钮向后端发起请求，获取数据并展示到前端呈现效果：实现方式如下：第一步：使用Django框架书写后端代码，返回数据（用户名与年龄）视图类： from rest_framework.views import APIView from rest_framework.response ......

Vue更新时间 2024-01-09

vue项目里导出word模板，导出Excel表格~

一、安装依赖包 1、docxtemplater npm install docxtemplater pizzip -S2、jszip-utils npm install jszip-utils -S3、pizzip npm install pizzip -S4、FileSaver npm insta ......

表格模板项目 Excel word更新时间 2024-01-09

Vue——实现购物车的增减与价格统计

呈现效果：第一步：引入vue与bootstrap的CDN <script src="./js/vue.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4 ......

购物车价格 Vue更新时间 2024-01-09

docker安装Nginx并运行vue3前端

Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......

前端 docker Nginx vue3 vue更新时间 2024-01-09

vue3路由跳转与参数获取

// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......

路由参数 vue3 vue更新时间 2024-01-09

vue3版本下element-plus和antd-vue选哪个更好一些？

Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......

element-plus vue antd-vue element 版本更新时间 2024-01-09

Vue npm run serv

Vue npm run serv 1.首先 npm run serve 会在 package.json 文件中寻找 scripts 中的 serve 属性（有的可能会是dev属性，根据自己项目结构来） 2. vue-cli-service serve 是什么呢？其实就是等同于去执行 node_mo ......

serv Vue npm run更新时间 2024-01-09