语法setup vue3 vue

vue入门-???? 05days

购物车案例回顾: -v -for循环商品 -checkbox多选: 数组,input > checkbox >value 对象 [在input中 只能使用 v-model] getprice() >方法 > 变量发生变化,这个会重新运算 加全选 与全不选 -chekbox >单独的 >布尔类型 -c ......
days vue 05

使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况

在使用VUE3作为前端,ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api,接口报错404 找错思路很重要,网上找到了很多Nginx配置信息,但是都不起作用,即使更换服务器重新部署也无法生效 后来才发现,ABPNEXT对于未找到对应实体的报错就是404,按照正常的程序逻辑,404 ......
情况 项目 Nginx VUE3 VITE

netcore webpi 通过signalr 给vue项目推送消息

最近项目上需要做个服务给前端推消息,首先就想到了signalr,关于signalr 详情可以参考微软官方文档(ASP.NET Core SignalR 概述 | Microsoft Learn),微软现在也有使用教程(ASP.NET Core SignalR 入门 | Microsoft Learn ......
netcore signalr 消息 项目 webpi

【JavaScript】JavaScript定义、引入方式、基础语法、函数、对象、继承

定义 JavaScript是一门跨平台、面向对象的脚本语言 用来控制网页行为的,可以使网页交互 引入方式 内部脚本 外部脚本 JS基础语法 书写语法 输出语句 变量 变量作用域 数据类型 运算符 == ?? .? ... 展开运算符 (1)打散数组传递给多个参数 (2)复制数组或对象 (3)合并数组 ......
JavaScript 语法 函数 对象 方式

5分钟搞定vue3函数式弹窗

前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢? 函数式弹窗的使用场景 首先我们来看看什么是函 ......
函数 vue3 vue

python diango后端支持运行脚本+vue前端支持脚本运行

# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意: # 1,依赖包需要提前导入至脚本中 # 2,script_path变量是脚本得绝对路径 # 3,filename变量是脚本得名称 # 搭配vue页面使用 # 想法:页面支持导入,编辑,执行脚本 # 导入:默认指 ......
脚本 前端 python diango vue

vscode设置vue3代码格式化

下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac:【shift】+【option】+【f】win:【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标,可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
代码 格式 vscode vue3 vue

[Vue]自定义导航栏

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

for循环语法及案例

'''for循环和while循环的作用是一样的for循环一般常用于取值循环,循环的过程中,取出下列类型的每一个数据值字符串、列表、集合、元组、字典for循环语法:for 变量名 in 字符串/列表/集合/元组/字典 循环的代码(变量名拿到的是数据类型中的一个数据)'''# 获取列表中那些数据是奇数a ......
语法 案例 for

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

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

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

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

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

vue3hooks中的生命周期钩子

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

React jsx 语法解析 & 转换原理

jsx介绍 jsx是一种JavaScript的语法扩展(eXtension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法,用于描述UI界面,并且可以和JavaScript代码结合使用。 比起vue中的模板语法,更加灵活,且不需要学习模板语法中的特定标签,比如:v-if ......
语法 原理 React jsx amp

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

vue入门——??04days

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

Vue——实现与后端交互

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

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

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

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

vue3路由跳转与参数获取

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

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 版本

JsonPath语法

jsonpath的介绍: JsonPath是一种简单的方法来提取给定JSON文档的部分内容。 JsonPath有许多编程语言,如Javascript,Python和PHP,Java。 JsonPath提供的json解析非常强大,它提供了类似正则表达式的语法,基本上可以满足所有你想要获得的json内容 ......
语法 JsonPath

【Python基础】Celery异步执行语法

1、简介 Celery是一个简单、灵活且可靠的,处理大量消息的分布式系统,专注于实时处理的异步任务队列,同时也支持任务调度。 Celery的架构由三部分组成,消息中间件(message broker),任务执行单元(worker)和任务执行结果存储(task result store)组成。 消息中 ......
语法 基础 Python Celery

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

如何在Vue中实现多语言切换

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
Vue

如何使用Vue实现3D立体效果

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
立体 效果 Vue

如何在Vue中实现在线编辑器

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
编辑器 Vue

如何在Vue中实现全屏滚动效果

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
效果 Vue

如何在Vue中实现动态路由

Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
路由 动态 Vue
共8000篇  :3/267页 首页上一页3下一页尾页