vue
文章平均质量分 51
团酱
爱与被爱同时发生才有意义
展开
-
Vue组件的样式穿透
在写Vue项目的时候,在组件中写样式的时候,会使用scoped属性,表示它的样式作用于当下的模块,很好的实现了样式私有化的目的,是因为使用scoped属性,最终生成的样式选择器是data-v-22341c08s这样的样式所以我们在写样式的时候是无法生效的,所以要使用样式穿透。样式穿透是在父级组件中强制去修改子级组件的内部样式,注意这里的父子层次并不一定是一级,可能是很多级。普通的css语法: 在要修改的样式前添加>>>符号.search-box >>> butt原创 2021-12-28 01:34:29 · 2204 阅读 · 0 评论 -
vue3 路由缓存问题(三种方法)
vue3路由缓存:当用户从/users/johnny导航到/users/jolyne时,相同的组件实例被重复使用。由于两个路由都渲染相同的组件,比起销毁再创建,复用是比较高效的,但是这也会导致组件的生命周期狗子不会被调用根据小仙兔项目进行代码编辑。原创 2023-08-17 15:50:44 · 4810 阅读 · 0 评论 -
vue3搭建(vite+create-vue)
与其他测试框架不同,Playwright 可以在多个浏览器(Chrome、Firefox、WebKit)中执行测试,并支持更多的操作,如截图、录制、模拟设备等。Nightwatch: Nightwatch 是一个基于 Node.js 和 WebDriver 的端到端测试框架,用于自动化 Web 应用程序的测试。Nightwatch、Cypress 和 Playwright 都是用于 Web 应用程序的端到端测试框架,它们可以模拟用户在浏览器中的行为,执行各种操作并检查应用程序的行为是否正确。原创 2023-08-01 17:39:43 · 1467 阅读 · 0 评论 -
hbuilderX运行到微信小程序报错[ app.json 文件内容错误] app.json: 未找到 [“sitemapLocation“] 对应的 sitemap.json文件
导入项目后project.config.json中关于mp-weixin的配置被修改.原创 2023-06-28 15:39:55 · 1548 阅读 · 1 评论 -
从github上下载下来的代码下载依赖提示:code 128 An unknown git error occurred
今天从github上下载了一个项目(vue-element-admin),但是出现了一些问题,这里记录一下过程及解决方案。原创 2022-11-26 09:30:00 · 1529 阅读 · 0 评论 -
在vue2项目中使用vue-quill-editor实现富文本编译器
data中返回// 富文本编辑器配置["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线["blockquote", "code-block"], // 引用 代码块[{ header: 1 }, { header: 2 }], // 1、2 级标题[{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表。原创 2022-11-16 14:36:29 · 5507 阅读 · 3 评论 -
element中el-input组件type=“number“的样式修改
element中el-input组件type=“number“的样式修改原创 2022-10-18 18:58:10 · 2466 阅读 · 0 评论 -
vue项目bug解决记录These dependencies were not found:
解决记录These dependencies were not found:原创 2022-10-18 18:32:31 · 683 阅读 · 0 评论 -
vue组件在同一个页面复用Echarts,出现后面的图表覆盖前面的图表问题
vue组件在同一个页面复用Echarts,出现后面的图表覆盖前面的图表问题原创 2022-10-10 19:47:29 · 2351 阅读 · 0 评论 -
vue3在vscode报vue/no-multiple-template-root
在vue2的时候,template只能有一个节点,所以插件vetur会报提示说不能有多个根元素 vue3说支持多个根元素的,解决办法就是在设置里面找到vetur的配置,把 Validate vue-html in <template> using eslint-plugin-vue 取消勾选就可以了参考自 :vue3在vscode报vue/no-multiple-template-root - 掘金...原创 2021-12-21 18:20:31 · 2902 阅读 · 0 评论 -
vue中使用echarts基础
vue中使用echart原创 2022-09-29 15:07:59 · 1212 阅读 · 0 评论 -
vue引入bootstrap按钮点击出现黑框
【代码】vue引入bootstrap按钮点击出现黑框。原创 2022-09-23 18:22:55 · 594 阅读 · 0 评论 -
vue基础篇笔记(三)组件、过滤器、插槽
1、组件(1)全局组件全局组件可以让每一个实例使用(但是正常情况下,一个应用程序只有一个根实例)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=原创 2022-04-20 22:58:56 · 277 阅读 · 0 评论 -
vue在渲染数据的时候的一些报错问题
1 问题描述:vue在请求获取数据的时候,这个过程是异步的,但是刚进页面的时候,数据还未被获取到,是为空的,如果再次点击拿下一层数据时没办法拿到数据的,会报错2解决方法:i 在data中不使用null而是使用{} ii可以在data中使用null,但是在渲染数据的外面的包一个div,使用v-if="homeData"<!DOCTYPE html><html lang="en"><head> &l...原创 2022-04-13 20:56:44 · 1130 阅读 · 0 评论 -
vue组件传值(父传子、子传父、总线传值)
1、父传子(1)(未使用脚手架)父传子:通过自定义属性进行传值 1、在父组件使用子组件的时候,给组件添加自定义属性,属性值为传递的数据 2、在子组件通过props接受父组件的数据,props的值是数据,元素是自定义属性 3、使用的时候像data数据一样使用<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2021-12-16 21:08:33 · 784 阅读 · 0 评论 -
Vuex数据持久化存储
vuex数据在刷新的时候会初始化,之前的数据就拿不到了,我们怎么解决呢?解决:把数据持久化存储(state中的数据做一个持久化存储)1、我们可以使用localStorage进行存储存在localStorage的话,数据不会因为页面或浏览器的关闭而丢失,只有我们手动在浏览器中进行清除在Vuex初始化的时候我们就先用localStorage里面读取之前的数据,并存储在state中(下面我们写一个案例来看一下会更加清晰一点)1、首先我们可以在 state中进行localStorage对数据进原创 2021-12-15 21:23:33 · 7598 阅读 · 1 评论 -
computed、methods、watch、filter相关面试题
1、vue中computed和methods的区别?computed:就是计算属性(属性调用),其可以当成一个data数据来使用在调用的时候直接以对象属性方式调用,不需要加括号 在绑定的时候computed的getter和setter的方式是双向绑定 computed存在缓存,如果计算结果依赖字段没有发生变化的时候,不会重新计算,而是直接使用缓存中的值应用场景:比较复杂的渲染数据计算或者不必重新计算数值的情况methods 就是方法(函数调用)在调用的时候必须要函数执行才可以得.原创 2021-12-13 21:07:32 · 680 阅读 · 0 评论 -
vue基础篇笔记(二)computed、methods和watch
1、原创 2021-12-13 20:46:49 · 938 阅读 · 0 评论 -
vue脚手架的使用,下载依赖方法
安装:npm install -g @vue/cli创建一个文件夹vue create pro选择Manually select features 自行进行配置(下面的进行参照)之后进入 文件 并运行cd pronpm run serve浏览器中打开即可...原创 2021-12-12 15:59:07 · 8309 阅读 · 0 评论 -
vue基础篇笔记(一)
1、Vue是什么?官方上:e (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。vue:基本mvvm(model-view-viewmodel)的设计模式的前端框架,其中的vm可以理解为mvc当中的controller,(把数据渲染到页面原创 2021-12-09 20:16:01 · 1204 阅读 · 0 评论