![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 57
霹雳桃
这个前端有点菜!!!!!
展开
-
uniapp踩坑 uni.showToast 和 uni.showLoading
uni.showLoading 和 uni.showToast 混合使用时,showLoading和showToast会相互覆盖对方,调用hideLoading时也会将toast内容进行隐藏。原创 2024-05-07 17:21:32 · 1331 阅读 · 0 评论 -
实现 ElTable 超长显示 … 并且鼠标移入有tooltip
现在看table中的逻辑吧,,因为我们是对table的二次封装用的tsx,这块主要的问题是,如何绑上指令。引入第三方组件库,我用的是这个版本 “@popperjs/core”: “^2.11.8”使用指令的方法 在 mouseover 的时候判断是否渲染。现在我们定的方案是在table渲染完再做tooltip的判断。现在就可以愉快享用了,祝君好运。这样 指令就可以使用啦。原创 2024-04-02 17:58:05 · 701 阅读 · 0 评论 -
git commit使用husky校验代码格式报错 因为没有将钩子 ‘.husky/pre-commit‘ 设置为可执行
这个错误是由于系统无法找到 ‘.husky/commit-msg’ 文件或目录导致的。通常,这是因为你的项目中缺少了 ‘.husky’ 目录或者该目录中缺少了 ‘commit-msg’ 文件。然后,检查 ‘.husky’ 目录中是否包含 ‘commit-msg’ 文件。这样应该就可以解决报错问题。如果问题仍然存在,请确保你的文件路径正确,并且确认你已经安装了 husky 插件。首先,请确保你的项目中存在 ‘.husky’ 目录。原创 2024-01-11 13:23:27 · 1205 阅读 · 1 评论 -
Vue3 中使用 TypeScript --- 给 Vue 中的 数据 标注类型
像 TypeScript 这样的类型系统可以在编译时通过静态分析检测出很多常见错误。这减少了生产环境中的运行时错误,也让我们在重构大型项目的时候更有信心。通过 IDE 中基于类型的自动补全,TypeScript 还改善了开发体验和效率。Vue 本身就是用 TypeScript 编写的,并对 TypeScript 提供了头等的支持。所有的 Vue 官方库都提供了类型声明文件,开箱即用。Vite 天然支持引入 .ts 文件。Vite 仅执行 .ts 文件的转译工作,并不执行任何类型检查。并假设类型检查已经被你的原创 2022-06-22 21:59:11 · 2368 阅读 · 0 评论 -
Vue 全局状态管理工具 pinia
- 本文的使用时针对于 Vue3 来展开的- 当然了项目是是基于 `vite` 创建的- 其实有 vuex 的基础 pinia 使用起来会非常简单原创 2022-06-22 21:57:56 · 243 阅读 · 1 评论 -
Vue2 到 Vue3 有哪些变化
vue2 到 vue3原创 2022-06-20 22:17:23 · 310 阅读 · 1 评论 -
Vue.confing.js
Vue.confing.js原创 2022-06-10 22:05:36 · 30 阅读 · 0 评论 -
vue-router
vue-router原创 2022-06-10 22:00:31 · 49 阅读 · 0 评论 -
vue-指令
vue-指令原创 2022-06-10 21:42:51 · 41 阅读 · 0 评论 -
修改组件css样式
修改组件的样式1.使用组件之后,在控制台找到需要修改样式的组件标签的类名2.将类名复制,在 style标签中修改3.需要使用深度选择器>>/deep/:v-deep原创 2022-05-12 20:47:21 · 587 阅读 · 0 评论 -
vue~~~组件通信、props、ref
组件通信之前也写了一篇关于组件之前通信的,最近又看到了这个东西,感觉之前写的不太全,于是乎这里写的更详细一点,也有一些之前写了,这里没提到,具体看是访问链接吧!!!!!!!父子组件通信 https://blog.csdn.net/weixin_46087056/article/details/121221418props 类型props 接受数可以规定数据类型 props 后面跟类型,可以进行类型检测,检测的结果会在控制台输出,数据依然会传递 数组和对象的默认值需要通过一个工厂函数返回props原创 2022-05-06 22:20:53 · 326 阅读 · 0 评论 -
数组方法-总结
平常我自己看视频或者写代码时遇到的一些方法,我总结下来,如果有哪些地方有错误请私聊我1. push:a) 格式:数组.push(参数1,参数2…)b) 功能:给数组末尾添加元素c) 返回值:插完元素之后数组的长度2. popa) 格式:数组.pop()b) 参数:没有参数c) 功能:从数组末尾取下一个元素d) 返回值:从数组末尾取下的一个元素3. shift:a) 格式:数组.shift()b) 参数:没有参数c) 功能:从数组头部取下一个元素d) 返回值:去下的元素4.原创 2021-11-17 15:18:06 · 15 阅读 · 0 评论 -
vue之setInterval()实例 ------定时循环显示
今天做大屏,有一个需求是要定时切换图表数据然后我就想到了setInterval(),刚开始做的时候他是这里我用的是ElementUI的radio单选框用了三个单选框,要求页面加载进去需要显示数据,所以radio初始赋值1data(){ raturn{ radio:1 }}dataswitch(){ setInterval(() => { //注意这里要用ES6的箭头函数,否则this会找不到 ++ this.radio if(this.radio == 4){原创 2021-11-12 15:18:38 · 1363 阅读 · 0 评论 -
echarts相关配置(会不断更新)
最近再用echarts做可视化大屏,引进来以后有些配置项需要改,在官方文档里找的很烦,眼睛都花了,于是我想这把用到的,找出来的配置项记录下来,随时更新补充。目前我们刚想到的也就这么多了,修改背景色什么的我就不写了引入项目就不说了,文档中都有也好找首先需要一个盒子来存放图标 盒子要给宽高要不然显示不出来<div id="echartst"></div>然后要创建图表myecharts(){ let mychart = this.$echarts.init(docum原创 2021-11-11 09:59:35 · 412 阅读 · 0 评论 -
父子组件通信
总的来说,子组件靠props方法接收父组件传来的值,通过$emit方法将值传递给父组件.父组件给子组件传值父组件在子组件上进行绑定 :msg="person",子组件通过props接收传值父组件在子组件上绑定ref="zi",通过触发一个点击事件button 通过this.$refs.zi.zifangfa()父组件<template> <div> <h1>我只父组件(给子组件传值)</h1> <Prosub :ms原创 2021-11-09 09:57:49 · 393 阅读 · 0 评论