文章索引

01 .md

前端 / 2023-08-08

bug记录P标签的内容为字母的时候不会进行自动换行需要设置word-break: break-all;

今天在写项目的时候发现p标签的内容为字母的时候不会进行自动换行，会把宽度撑开。 解决办法： 给p标签设置 word-break: break-all; 属性即可

#bug记录P标签的内容为…

1591 阅读 0 评论

打开

02 .md

Vue / 2023-08-07

饿了么Plus组件+TS+Vue3如何使用表单重置

el-dialog组件关闭的时候清空表单内容，点击按钮也一样，改成点击事件就行了 1.引入FormInstance import type { FormInstance } from 'element-plus' const formRef = ref&l...

#Vue3#饿了么Plus组件+TS…

1851 阅读 0 评论

打开

03 .md

Vue / 2023-08-04

Element-Plus分页组件默认是英文如何改成中文

原图 修改之后： 解决办法： 在main.js中加入如下代码： import zhLocale from "element-plus/es/locale/lang/zh-cn"; app.use(ElementPlus, { locale: zhL...

#Element-Plus…

1641 阅读 0 评论

打开

04 .md

Vue / 2023-08-04

Vue3组件的二次封装以及插槽、传值的使用

使用ElementUI的Card的组件的时候，很多地方都会用到卡片这个组件，以及修改一下他默认的样式，进行了二次的封装。 效果图如下： 这里封装主要是针对表格处理的，接收了一个标题参数,和2个具名插槽,一个是是否导出表格按钮，一个是表格内容。 子组件代码如下...

#Vue3组件的二次封装以…

1770 阅读 0 评论

打开

05 .md

Vue / 2023-08-03

vue3写了一个路由标签导航栏组件

vue3里面引入就可以使用，vue2需要注册一下在调用。 大致思路，进入页面的时候监听路由，判断当前路由的地址，然后把这个地址用来做激活样式匹配，接下来就是点击事件，点击谁就把激活样式给谁，其次是删除如果删除的是第一个，下次跳转默认下标为0的标签，并且附带...

#vue3如何自己写一个路…

1713 阅读 0 评论

打开

06 .md

Vue / 2023-08-02

Vue中API接口如何二次封装Axios进行高效开发

1.src目录下新建 utlis文件夹 ->axios.ts 引入axios插件，创建公共服务器IP ,设置请求拦截器和相应拦截器，最后暴露出去 import axios from "axios" export const SERVER_IP = 'ht...

#Vue中API接口如何二…

1711 阅读 0 评论

打开

07 .md

Vue / 2023-08-02

vue3如何使用动态class切换

这里写的是一个旋转按钮使用的是elementPlus vue3动态class三目预算:class="isRotated ? 'rotate' : 'reverseRotate'"通过点击事件给变量取反来实现class样切换 H...

#动态样式#Vue3#vue3如何使用动态cl…

2552 阅读 0 评论

打开

08 .md

Vue / 2023-07-31

vue3的动态css v-bind()

vue3支持 css中支持v-bind来绑定动态样式值,例如: <template> <span>123</span> </template> <script setup> let c...

#vue3r如何使用动态c…

1836 阅读 0 评论

打开