后端学习Vue前端框架第12页

Vue中自动批量注册组件

使用require提供的函数context加载某一个目录下的所有.vue后缀的文件。

吴晓博·2024-09-03 22:51

Vue瀑布流布局

虽然会写js的瀑布流布局，但是在Vue框架下使用，还是要稍作修改，毕竟要减少DOM操作。

薛文诚·2024-09-03 22:20

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components

yang295242361·2024-09-03 22:19

瀑布流布局 vue

步骤2：Vue组件接下来，创建一个Vue组件来处理瀑布流逻辑。exportdefault{data(){return{items:[//示例数据{src:'image

爱猪头的程序猿·2024-09-03 22:49

vue3 Bate setup属性介绍

对于vue3，在上篇做了一个简单基本的介绍，没有观看的可以点击：vue3简单了解，vue3的好处就不多说了，此篇是介绍vue3一些基本的属性和组件用途。

whhh·2024-09-03 21:11

vue2开发心得

computed中的属性是响应式的，这意味着当它们的依赖项发生变化时，Vue将自动更新依赖于这些计算属性的任何DOM。2.Object.assign()函数Object.assign()函数用于

Albert.H.Holmes·2024-09-03 20:11

Vue路由—进阶篇

文章目录路由守卫1、路由全局守卫全局前置守卫：全局后置守卫：2、路由独享守卫3、组件内部守卫组件前置守卫：组件更新守卫：组件离开守卫：路由元信息路由组件过渡特效本篇内容讲述了更多关于Vue路由这方面的知识点

扼流挽·2024-09-03 19:32

Vue指令系统

文章目录一、v-bind二、v-on事件对象事件修饰符三、v-if四、v-show五、v-forv-for和v-if的注意事项一、v-bind标签属性绑定指令，用来动态控制属性值v-bind指令可以为某个属性绑定上一个动态值，也可以直接绑定一个对象，这个对象的属性会成为标签的属性，值就是属性值。v-bind还可以简写，一般都是采用这种写法（把v-bind去掉，直接写个冒号就行了）二、v-on事件绑

扼流挽·2024-09-03 19:01

VUE之旅—day2

文章目录Vue生命周期和生命周期的四个阶段created应用—新闻列表渲染mounted应用—进入页面搜索框就获得焦点账单统计（Echarts可视化图表渲染）Vue生命周期和生命周期的四个阶段思考：什么时候可以发送初始化渲染请求

今日上上签-·2024-09-03 19:01

vue脚手架的创建

一、安装node环境切换阿里云镜像npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装vue-cli和webpack已经安装过node.js

熟悉的新风景·2024-09-03 19:00

解锁 Vue3 新技能：Transition和TransitionGroup 的奇妙世界

一、Transition1、简介Transition是Vue的一个内置组件，用于制作基于元素状态变化的动画效果，无需注册即可在任意组件实例中使用。

努力的小朱同学·2024-09-03 18:55

Bus通信

Bus通信在组件之外定义一个bus.js作为组件间通信的桥梁，适用于比较小型不需要vuex又需要兄弟组件通信在untils文件夹创建bus.jsimportmittfrom'mitt'exportconstemitter

前端小菜鸟也有人起·2024-09-03 18:55

Vue-生命周期钩子

Vue.js的生命周期钩子是指在Vue实例的不同阶段会被调用的一组函数。这些钩子函数允许你在特定的生命周期阶段执行自定义的代码。

好哈优学编程·2024-09-03 17:24

VUE纯前端导出excel表格功能

插件：使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能。

KAGHQ·2024-09-03 17:53

alias和redirect的区别

1redirect：重定向{path:'/home',name:'home',component:()=>import('@/components/a.vue'),redirect:'/index'//

qq_41068783·2024-09-03 17:52

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

前端框架有哪些

1.简介1.1.概述前端框架是指用于帮助开发者更高效地构建、维护和测试Web应用的工具集。这些框架通常提供了一系列的组件、库和工具，使得开发人员可以快速地搭建起一个具有统一设计和功能的应用界面。

丁爸·2024-09-03 03:21

使用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前端框架