vue学习日记第63页

关于vue3路由

参考vue3路由跳转and接收参数_vue3接收参数-CSDN博客vue3部分使用路由：传递路由//引入API---useRouterimport{useRouter}from'vue-router';

_斯洛伐克·2024-02-08 23:41

在vue3+vite中使用require

importrequireTransformfrom'vite-plugin-require-transform';第三步在vite配置文件exportdefaultdefineConfig({plugins:[requireTransform({fileRegex:/.js$|.vue

_斯洛伐克·2024-02-08 23:11

vue3 antd table组件点击行变色问题

1.为table定义customRow和rowClassName，customRow为了选中行，rowClassName为了改变样式的函数，customRow和rowClassName可以去antd官方文档看定义customRow，rowClassName函数letselectedRowKeys=ref([]);//声明一个数组，在行点击函数里面用来存每一行数据的唯一标识id或者其//他参数con

_斯洛伐克·2024-02-08 23:10

Vue路由的基本用法

1.vue路由是什么东西vue路由就是vue-router是vue页面中用于代替html中的a标签跳转页面的，只不过这个页面不是Html是vue页面。

cssl-虞老师·2024-02-08 23:39

关于vue2+antd 信息发布后台不足的地方

有的写法可以cv1.序号递增{title:"序号",customRender:(text,record,index)=>`${index+1}`,align:"center",},2.关于类型{title:"类型",dataIndex:"type",align:"center",customRender:function(t){switch(Number.parseInt(t)){case0:re

_斯洛伐克·2024-02-08 23:39

golang通用后台管理项目——Go+Vue通用后台管理项目实战

Go+Vue通用后台管理项目实战1、掌握组件中业务逻辑抽离的方法2、掌握jwt,日志,跨域,鉴权中间件的使用3、掌握基于gorm的sql多表查询4、掌握gin-swag的应用5、掌握go语言开发前后端分离项目的能力

怪我冷i·2024-02-08 23:08

springboot(ssm学生管理系统学生课程考试系统Java系统

springboot(ssm学生管理系统学生课程考试系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7

Java学长-kirito·2024-02-08 23:35

springboot(ssm悦己美容院后台管理系统美容院管理系统Java系统

springboot(ssm悦己美容院后台管理系统美容院管理系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库

Java学长-kirito·2024-02-08 23:34

uni-app跳转到详情页面

通过使用uni.navigateTo()传值给详情页详情页通过onLoad()进行接收index.vue主要部分代码场所预定更多>{{reserve.title}}开放时间:{{reserve.time

香菜的开发日记·2024-02-08 23:58

学习笔记58-期望理论

【江湖说️学习日记】[打卡宝宝]：洋芋.

洋芋g·2024-02-08 22:40

实现简单render函数

什么是VirtualDomReact和Vue2都使用了VirtualDom技术，VirtualDom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化时，VirtualDom

初晨的风儿·2024-02-08 22:58

ant-design-vue 快速避坑指南

ant-design-vue快速避坑指南ant-design-vue是蚂蚁金服AntDesign官方唯一推荐的Vue版UI组件库，它其实是AntDesign的Vue实现，组件的风格与AntDesign保持同步

wwf1225·2024-02-08 22:02

vue获取上传图片的名字和路径_使用Vue实现图片上传的三种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思

weixin_39876592·2024-02-08 22:01

Ant Design of Vue 使用a-upload 自定义上传路径，前后端报403问题

话不多说，上代码vuehtml部分js部分asynchandlePreview(file){if(!file.url&&!

艾玩·2024-02-08 22:01

上传文件发生跨域

情景：后台使用ant-design-vue的upload组件上传文件时候，有时上传失败，控制台报跨域。

走向架构师的小白·2024-02-08 22:00

Spring Could+Ant Design Pro表格数据加载

表格加载打开AntDesignPro项目修改配置，解决跨域问题，让它能连接到我们的项目的网关修改vue.config.js找到节点devServer，修改如下：devServer:

拉布拉卡的小推车·2024-02-08 22:59

koa2 vue antd upload上传跨域问题

在使用antd的a-upload使用同现跨域在vue…config.js已配proxy代理且koa后台已配置跨域另起一个web服务不用a-upload上传没有出现跨域在koa中已设置了koa2-cors

gzjiert·2024-02-08 22:29

vue和ui框架Tab切换的组件写法

业务中经常碰到很多依靠Tab切换显示的页面考虑到使用组件方式写入使用v-if判断只显示当前页面内容以及当前页面需要请求的数据。//父组件//注册components:{'v-cars':cars,//子组件a'v-inquiry':inquiry//子组件b},//根据条件判断显示data(){return{activekey:0,isShowCar:true,isShowInquiry:fals

diviner_杨·2024-02-08 22:40

Java实现固始鹅块销售系统 JAVA+Vue+SpringBoot+MySQL

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2鹅块类型模块2.3固始鹅块模块2.4鹅块订单模块2.5评论管理模块三、系统设计3.1用例设计3.2数据库设计3.2.1鹅块类型表3.2.2鹅块表3.2.3鹅块订单表3.2.4鹅块评论表四、系统展示五、核心代码5.1查询鹅块5.2查询鹅块类型5.3鹅块下单5.4撤销鹅块下单5.5新增留言五、免责说明一、摘要1.1项目介绍基于

customer08·2024-02-08 21:14

Java实现网上药店系统 JAVA+Vue+SpringBoot+MySQL

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2药品类型模块2.3药品档案模块2.4药品订单模块2.5药品收藏模块2.6药品资讯模块三、系统设计3.1用例设计3.2数据库设计3.2.1角色表3.2.2药品表3.2.3药品订单表3.2.4药品收藏表3.2.5药品留言表四、系统展示五、核心代码5.1查询药品5.2查询药品类型5.3药品收藏5.4药品加购5.5新增药品留言六、

customer08·2024-02-08 21:14

Java实现用户画像活动推荐系统 JAVA+Vue+SpringBoot+MySQL

业务流程设计3.3数据流程设计3.4E-R图设计四、系统展示五、核心代码5.1查询兴趣标签5.2查询活动推荐5.3新增活动报名5.4新增活动收藏5.5新增活动留言六、免责说明一、摘要1.1项目介绍基于JAVA+Vue

customer08·2024-02-08 21:43

【 Vue 拓展 | (一) 】：一个案例搞懂 pinia 的使用

❤️❤️❤️01.Pinia基本介绍符合直觉的Vue.js状态管理库在学习之前，先来了解什么是pinia以及为什么要使用pinia比如说这是一个项目的基础结构，当组件很少的时候可以通过组件通信来解决，但当组件多

*Soo_Young*·2024-02-08 20:45

vue目录结构

这里是我们要开发的目录,基本上要做的事都在这个目录里.里面包含了几个目录及文件:assets:放置一些图片,如logo等components:该目录存放的我们的开发组件,主要的开发文件都存放在这里了:App.vue

菲H·2024-02-08 20:21

Vue 组件通信方式

/Son.vue'importSon1fro

嗷呜~嗷呜~呜呜~·2024-02-08 20:33

Vue 生命周期

文章目录一、Vue2的生命周期函数Vue2请求接口一般放在哪个生命周期Vue2生命周期运行解析源码解析初始化阶段模板编译阶段挂载阶段mountComponent()Watcher_update()销毁阶段什么时候会调用

fmk1023·2024-02-08 20:32

Pinia学习笔记

文章目录Pinia优势Pinia基本使用defineStore定义一个StorestoreToRefs解构store改变状态替换state订阅状态Pinia优势Pinia是一个全新的Vue状态管理库，是

fmk1023·2024-02-08 20:32

Vue组件间多种通信方式（超详细）

目录一、组件间通信最基本方式:props二、组件间通信2:vue自定义事件三、组件间通信3:事件总线四、组件间通信4:v-model五、组件间通信5:sync属性修饰符六、.组件间通信6:$attrs与

一学习就不困！·2024-02-08 20:32

vue组件通信方式之eventBus

我们在vue项目中最常遇到的问题就是组件之间的通信，父子通信，兄弟通信，跨组件之间的通信。

Hello_MrShu·2024-02-08 20:02

Vue组件通信的方式

文章目录props父传子$emit子传父事件总线（EventBus）使用Vuex\Pinia状态管理库使用provide/injectprops父传子父组件向子组件传递数据：通过props属性将数据从父组件传递给子组件

fmk1023·2024-02-08 20:31

webpack与vue-cli

1、什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。2、为什要使用WebPack打包：减少了http请求数量，让页面加载和显示更快在开发后完成的这个合并的过程就是打包。webpack在打包过程中，会分析各个文件之间

波波仔86·2024-02-08 20:28

VUE动态路由菜单

vue-admin-template的菜单数据是写死的，可以改成数据库查询动态展示1保留基础路由特别注意，原配置中的*配置要注释或删除，否则后续配置完成后动态菜单刷新会报404错误，该配置需要在addRoutes

波波仔86·2024-02-08 20:28

webpack.config.js和vue.config.js

p纯手工搭建：webpack.config.js：constpath=require('path')const{VueLoaderPlugin}=require('vue-loader')constHtmlWebpackPlugin

辉娜·2024-02-08 20:28

Vue vue-config.js（字段属性详细介绍）

通过官方文档vue-cli进行的总结module.exports={//部署应用包时的基本url。

卡尔特斯·2024-02-08 20:28

Vue CLI 脚手架详解：快速构建 Vue.js 项目的利器

VueCLI是Vue.js官方提供的脚手架工具，它可以帮助开发者快速搭建Vue.js项目的基础结构，并提供了丰富的功能和插件来增强开发体验。本文将深入解析VueCLI的使用方法和特性。

波波仔86·2024-02-08 20:58

学习vue.config.js 结合 webpack

happyPack参考链接vue学习文章，

未来可期wlkq·2024-02-08 20:58

vue.config.js和webpack.config.js区别

webpack.config.js和vue.config.js的区别webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用

波波仔86·2024-02-08 20:27

webpack.config.js和vue.config.js的区别

webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。

武当王也拜见老天师·2024-02-08 20:27

3-3【微信小程序全栈开发课程】登录功能（二）--自定义登录弹窗

还是继续编辑pages/index/index.vue文件1、效果展示这节我们先来看一下弹窗的效果是啥样的2、添加自定义弹窗（1）编辑pages/index/index.vue文件部分的样式代码这部分的样式是自定义弹窗的样式

l猫宁一·2024-02-08 19:30

今天教大家使用vue2封装一个全局可用的message提示组件

$Message.loadong/success/error，...那么这个是怎么实现的呢，今天教大家实现一个message组件挂载到vue全局1、创建一个Message组件，在components目录下新建一个

阿湘zs·2024-02-08 19:14

vue封装一个简单的modal对话框

1、在conpmonents新建一个Modal.vue2、在main.js注册成全局组件//全局可用的组件importModalfrom'.

阿湘zs·2024-02-08 19:14

vue封装一个简单的loading组件

效果图：1、首先创建一个loading组件；loading.vue{{message}}exportdefault{name:'loadingPage',props:{message:{type:String

阿湘zs·2024-02-08 19:44

vue实现Button按钮基本的封装并全局使用

在button中封装了按钮的背景颜色，大小，是否可点击的功能；首先看效果图：禁用按钮不可点击分为三步：首先创建一个button组件：ButtonComponent，在ButtonComponent组件中复制如下代码：exportdefault{name:'ButtonComponent',data(){return{bgColorData:'',//按钮背景色largeBtn:false,//超小

阿湘zs·2024-02-08 19:44

vue2用自定义指令实现图片懒加载

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。

阿湘zs·2024-02-08 19:43

vue封装一个类似于element-ui的Notice通知组件，并挂载到Vue原型上使用this.$Notice.xxx()调用

点击不同的按钮会展示不同的icon图标，如果只需要title而不需要内容只需要传递一个布尔值即可实现；效果如下：默认效果:只展示title：展示成功按钮以及内容：1、在components中新建一个Notice.vue

阿湘zs·2024-02-08 19:12

猫头虎分享已解决Bug || Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or

博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能！专栏链接：精选专栏：《面试题大全》—面试准备的宝典！《IDEA开发秘籍》—提升你的IDEA技能！《100天精通鸿蒙》—从Web/安卓到鸿蒙大师！《100天精通Golang（基础入门篇）》—踏入Go语言世界的第一步！《100天精通Go语言（精品VIP版）》—踏入Go语言世界的第二步！领域矩阵：猫头虎技术领域矩阵：深入探索各技术领域，发现知

猫头虎-前端技术·2024-02-08 19:08

猫头虎分享已解决Bug || Vue3报错: Failed to fetch dynamically imported module

文章目录猫头虎分享已解决Bug||Vue3报错:Failedtofe

猫头虎-前端技术·2024-02-08 19:37

Vuex中的this.$store.dispatch方法详解：让每一位开发者都能轻松掌握的指南 ‍