前端学习笔记-vue

keep-alive动态缓存配置

vue项目中，列表进入详情返回列表需要缓存；但是点击菜单又不需要缓存，所以需要结合keep-alive设置页面动态缓存keep-alive设置includes缓存数组import{computed,watch
qq_41068783·2024-09-03 17:21

$listeners在vue3中使用

vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件
qq_41068783·2024-09-03 17:51

ElementUI、sass、若依后台管理系统踩坑 --＞ 项目打包后字体图标偶发性乱码

文章目录一、我遇到的问题二、问题分析三、如何解决1.node-sass2.升级sass、配置vue.config.js一、我遇到的问题公司希望快速搭建一个后台管理系统，技术选型后决定使用若依后台管理系统的前后端分离版
YZiAngel·2024-09-03 17:51

vue+elementui+mybatis-plus实现分页

前端：-->{{scope.row.id}}{{scope.row.username}}{{scope.row.rolename}}权限修改封停账号//下面这个组件是页数的组件constaxios=require('axios');exportdefault{data(){return{tableData:[],currentPage:1,pageSize:9,total:null}},creat
一抹清风似少年·2024-09-03 16:49

Vuex：全面指南及使用示例

学习Vuex：全面指南及使用示例Vuex是一个专为Vue.js应用设计的状态管理库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
程序员小徐同学·2024-09-03 16:48

结合Vue与Mybatis-plus优雅的设计分页展示

分页技术组件的实现与前端显示在这个示例中，我们将结合Vue.js前端代码、请求处理逻辑、以及后端Java代码，实现分页功能。
程序员小徐同学·2024-09-03 16:15

taro+vue微信小程序文本换行

文本换行在微信小程序中br是不管用的无法识别解决方法：使用\n例子：文本换行{{br}}文本换行文本换行文本换行文本换行文本换行文本换行文本换行文本换行exportdefault{data(){return{br:"\n",};},},
杨关古道·2024-09-03 15:07

点击旋转箭头样式

实现效果：html界面，主要通过isdown来控制箭头是上还是下退出登录import{ref}from'vue'constisdown=ref(false)return{isdown}scss.user
aleluye·2024-09-03 15:05

vue中css使用变量

1、在css中使用变量1、css中声明变量--color：red2、使用变量color:var(--color)//color:red获取到全局声明变量值为red2、使用vue中的变量1、再htm标签中
aleluye·2024-09-03 15:05

vue nuxt scss node express MongoDB 实现的简单文章发布系统

mynuxt是一个文章增删改查系统因为目前的spa单页项目对seo很不友好，如果你希望自己的网站在seo这块有较好的支持，可以尝试一下SSR技术，nuxt.js就是专门针对vue这一问题实现的技术，因此这一次我就尝试写了一个项目
qq_36320160·2024-09-03 14:29

nuxt3连接mongodb操作

在Nuxt3中连接MongoDB并进行操作，你可以使用nuxtServerInit生命周期钩子来初始化数据库连接，并在组件中使用Vue的setup函数来执行数据库操作。
Rverdoser·2024-09-03 13:26

Ruoyi-vue实现导出PDF

引入依赖com.itextpdfitextpdf${itextpdf.version}com.itextpdfitext-asian${itext.asian.version}工具类packagecom.ruoyi.common.utils.file;importcn.hutool.core.date.DateUtil;importcom.itextpdf.text.Element;importc
yu_zheng5163·2024-09-03 13:52

vue.js项目实战案例源码

技术栈：Vue.jsVueRouterVuexAxiosBootstrap主要功能实现：文章列表展示：使用Axios从后端API获取文章列表数据。在Vue组件中展示文章标题、摘要和发布日期等信息。
前端码趣逗士·2024-09-03 12:18

使用 Nginx 部署前端 Vue 项目：跨平台详细指南

它可以快速处理静态内容，同时支持负载均衡、反向代理等功能，非常适合部署前端应用，如Vue项目。二、准备工作：构建Vue项目在部署之前，首先需要将Vue项目进行打包构建，生成可部署的静态文件。
Hello.Reader·2024-09-03 11:14

课程37：Docker持久化部署（数据库、日志、配置文件）

前言本文是《.NetCore从零学习搭建权限管理系统》教程专栏的课程（点击链接，跳转到专栏主页，欢迎订阅，持续更新…）专栏介绍：以实战为线索，基于.Net7+REST+Vue、前后端分离，不依赖任何第三方框架
编程乐趣·2024-09-03 10:38

Vue项目的打包方式（生成dist文件）

如果咱是用vue-cli创建的项目，则项目目录中没有config文件夹，所以我们需要自建一个配置文件；在根目录src下创建文件vue.config.js，需注意文件名称必须是vue.config.js，
她说她一如既往的爱我·2024-09-03 09:26

vue 高德地图api爬坑之路（一）初始化

由于使用vue-amap插件有点问题，所以使用了原生高德地图api。
小C_cao·2024-09-03 08:53

vue 高德地图api爬坑之路（三）Autocomplete 和 PlaceSearch

添加页面控件搜索初始化插件编辑方法/**初始化搜索工具*/mapSearchInit(){letthat=this;//绑定自动提示AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){varautoOptions={input:"tipInput",//值为界面上input空间idcity:'北京',}varautoCom
小C_cao·2024-09-03 08:53

SprinBoot+Vue问卷调查微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 08:23

Java大文件下载方案(vue+饿了么)：分片下载、断点续载!

前言本篇文章是基于其他文章的基础上结合自己的理解写出来的,如果哪里有问题请指出!详细教程分片下载1.什么是分片下载分片下载是指将一个大的文件分成多个较小的部分（分片或块），然后并行地从服务器下载这些部分到客户端的过程。2.分片下载的场景1.大文件下载2.网络环境环境不好，存在需要重新下载风险的场景.断点续传1、什么是断点续传断点续传是在下载时，将下载任务（一个文件或一个压缩包）人为的划分为几个部分
无与丶伦比丨·2024-09-03 08:49

计算机毕业设计hadoop+spark知识图谱房源推荐系统 房价预测系统 房源数据分析 房源可视化 房源大数据大屏 大数据毕业设计 机器学习

混合神经网络、MLP深度学习模型)6.线性回归算法预测房价7.Python爬虫采集链家数据8.AI短信识别9.百度地图API10.lstm情感分析11.spark大屏可视化开发技术：springbootvue.jspythonechartssparkmys
计算机毕业设计大全·2024-09-03 07:05

JAVA计算机毕业设计校园二手书交易系统（附源码、数据库）

项目技术：JAVA+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1
卓杰计算机设计·2024-09-03 07:48

vue Element-ui el-table合计行样式自定义、不换行显示

本项目由于合计汇总数字太多太长，又不能改变原width的情况下，就自定义样式超出点点点了，又要鼠标悬浮看全。js（设置‘title’）配合css（不换行）watch:{//loading为v-loadingloading(bool){!bool&&setTimeout(()=>{constnodeList=this.footerTr||[]nodeList.forEach<
一撇一画·2024-09-03 07:47

nuxt3+vue3+vite+TS实现国际化

博客用的nuxt3+vue3+vite+TS实现国际化，国际化用的vue-i18n，下面我给大家详细介绍。一、安装依赖#npm安装依赖npmivue-i18nnpmi@nuxtjs/i18n@
富朝阳·2024-09-03 07:46

JAVA毕设项目校园二手商品交易系统（java+VUE+Mybatis+Maven+Mysql）

JAVA毕设项目校园二手商品交易系统（java+VUE+Mybatis+Maven+Mysql）项目运行环境配置：Jdk1.8+Tomcat8.5+Mysql+HBuilderX（Webstorm也行）
贤杰程序源码·2024-09-03 07:16

zdppy+vue3+onlyoffice文档管理系统实战 20240902 上课笔记 登录功能优化

遗留问题1、登录以后跳转最近文档2、如果用户没有登录应该自动跳转登录页面3、如果用户的token校验失败，应该自动调整登录界面4、按回车键自动跳转登录页面登录以后跳转最近文档constrouter=useRouter()router.push("/")实际代码：constloginData=awaitapi.login(data.username,data.password)console.log
Python私教·2024-09-03 07:45

vue2（vue-cli3x[vue.config.js]）使用cesium新版（1.117.0）配置过程

呜呜呜呜这里我用的是vue-cli去搭建的项目的vue2项目，其实不建议用vue2搭配cesium。
GIS瞧葩菜·2024-09-03 07:14

Vue输入框模糊搜索的多种写法

(){return{mytext:'',dataList:['aaa','abc','acb','add','abb','acc','bca','cca','bba','ccc','bbb'],}}}Vue.createApp
花开富贵城·2024-09-03 07:14

Vue中的ref与reactive

在Vue中，ref和reactive是用于处理响应式数据的两个不同的API。1.ref  ref是Vue3中引入的API，用于创建一个响应式的引用对象。
广东数字化转型·2024-09-03 05:38

前端各种文本文件预览 文本编辑excel预览编辑 pdf预览word预览 excel下载pdf下载word下载

前端各种文本文件预览文本编辑excel预览编辑pdf预览word预览excel下载pdf下载word下载各种文本文件预览（pdf,xlsx,docx,cpp,java,sql,py,vue,html,js
夜空孤狼啸·2024-09-03 05:01

使用pnpm安装并配置Pinia的持久化插件pinia-plugin-persistedstate

使用pnpm安装并配置Pinia的持久化插件pinia-plugin-persistedstate在开发Vue.js或任何基于Pinia状态管理库的应用时，保持用户状态在会话或页面刷新后依然可用是一个常见的需求
正小安·2024-09-03 03:48

(附论文)基于Springboot和Vue的图书大厦图书管理系统(591)

获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述图书大厦图书管理系统按照权限的类型进行划分，分为管理员和用户共两个模块。系统实现首页，个人中心，用户管理，图书分类管理，图书信息管理，图书借阅管理，图书续借管理，图书归还管理，反馈类型管理，需求反馈管理，归还入库管理，系统管理等功能进行操作，增强了使用者的操作体验。具体请看视频演示2、项目开发工具开发工具：Idea或Ecl
源码出售和定制·2024-09-03 02:43

react纯函数组件useState更新页面不刷新

(原数组);setTextList(新数组);当修改原数组时，如果原数组是个深层数组（不只一层），使用setTextList修改时，不会触发页面刷新原因分析：这个涉及到可变对象he不可变对象的知识，在vue
话小说·2024-09-03 02:13

[Vue warn]: Unknown custom element：报错原因及解决方案

vue中报错:vue.common.dev.js:630[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?
Misnice·2024-09-03 02:43

vue组件中props类型及默认值

简单写法props:{fieldString:String,fieldNumber:Number,fieldBoolean:Boolean,fieldArray:Array,fieldObject:Object,fieldFunction:Function}带有默认值写法props:{fieldString:{type:String,default:''},fieldNumber:{type:Nu
Misnice·2024-09-03 02:43

Vue笔记 -- CSS之清除浮动

一、代码如下HTMLCSS.container{border:4pxsolidred;overflow:hidden;}.left{width:100px;height:400px;background-color:#482;float:left;}.right{width:200px;height:400px;background-color:#d96;float:right;}.footer{
lyking·2024-09-03 01:05

3.9 Browser -- usePreferredLanguages

3.9Browser–usePreferredLanguageshttps://vueuse.org/usePreferredLanguages作用它为web开发人员提供有关用户首选语言的信息。
weixin_mouren·2024-09-03 01:08

3.7 Browser -- useMediaQuery

3.7Browser–useMediaQueryhttps://vueuse.org/core/useMediaQuery/作用响应式的媒体查询。
weixin_mouren·2024-09-03 01:38

SprinBoot+Vue健康管管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

SprinBoot+Vue停车场管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

2.1 Elements -- useActiveElement

2.1Elements–useActiveElementhttps://vueuse.org/useActiveElement作用响应式的document.activeElement，配合一些特殊的标识
weixin_mouren·2024-09-03 01:35

若依框架：批量导入excel的数据到数据库

前端vue：按钮：批量导入js：/**批量导入按钮按钮操作*/handleImport(){this.openImport=true;this.reset();this.ImportTitle="批量导入数据
学编程的小明同学·2024-09-03 00:34

基于Java+SpringBoot+vue+elementui的校园文具商城系统详细设计和实现

基于Java+SpringBoot+vue+elementui的校园文具商城系统详细设计和实现作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟
网顺技术团队·2024-09-03 00:28

vue动态组件

2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：
努力学习前端的小陈·2024-09-02 23:54

Vue2.0 插槽 Slot

也是一种组件间的通信方式，适用于父组件到子组件分类：分类：默认插槽、具名插槽、作用域插槽二、默认插槽的使用父组件默认插槽importDefaultSlotfrom"@/components/defaultSlot.vue
weixin_46913268·2024-09-02 21:45

搭建vue2.0工程步骤

搭建Vue2项目的具体步骤如下：确保已安装Node.js和npm。
鼠年大吉·2024-09-02 21:13

Vue2.0

Vue2.0饿了么ElementUI:http://element.eleme.io/#/zh-CN/component/installation?
WYONG_ZQ·2024-09-02 21:43

计算机毕业设计django+vue基于技术的汽车4S店管理系统的设计与实现【开题+论文+程序】

本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容研究背景随着汽车行业的蓬勃发展，汽车4S店作为集汽车销售、零配件供应、售后服务及信息反馈于一体的综合性服务机构，其管理效率与服务质量直接关系到客户满意度及企业竞争力。然而，传统的手工或基于简单信息系统的管理方式已难以满足当前复杂多变的业务需求，特别是在维修人员调度、配件库
django毕设·2024-09-02 20:39

组件的嵌套（父给子传 用属性prop）

Vue.component("my-father",{template:``,data:function(){return{list:["apple","banana","pear"],title:"水果列表
SuperHong521·2024-09-02 20:09

vue常用操作指令

v-text指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的v-html指令：绑定一些包含html代码的数据在视图上v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css样式的display属性v-if指令：取值为true/false，控制元素是否需要被渲染v-else指令：和v-if指令搭配使用，没有对应的值。当v-if的值false，v-els
曼荼罗poisonous·2024-09-02 20:38
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他