![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 56
三水木雨
这个作者很懒,什么都没留下…
展开
-
vue3项目下载@element-plus/icons-vue哭笑不得的乌龙
虽然我再次查看pnpm版本的时候还是8.0.0,但是版本问题已经不妨碍我下载 @element-plus/icons-vue了。重点来了:本来就只要执行一句命令就能解决的问题,我一个不注意花了三个钟头来研究问题。最后再次执行pnpm install @element-plus/icons-vue。用命令下载@element-plus/icons-vue的时候,报错并提醒如图。他们应该是“pnpm add -g pnpm to update”。npm版本:8.19.4。pnpm版本:8.0.0。原创 2024-01-31 22:52:48 · 686 阅读 · 0 评论 -
Vue2和Vue3组件间通信方式汇总(3)------$bus
组件间通信方式是前端必不可少的知识点,前端开发经常会遇到组件间通信的情况,而且也是前端开发面试常问的知识点之一。接下来开始组件间通信方式第三弹------$bus,并讲讲分别在Vue2、Vue3中的表现。原创 2023-12-23 12:05:05 · 895 阅读 · 0 评论 -
Vue2和Vue3组件间通信方式汇总(2)------$emit
两种接收(绑定事件)方式一种:自定义事件:@child="father"形式 ,当然原生事件的修饰也可以用在自定义事件上:once\prevent\stop\capture\self\passive;另一种:ref, this.$refs.child.$on("child",对应父组件方式this.father),当然$on也可以换成其他绑定指令如:$once。第一种:用自定义事件的方式接受子组件的调用。原创 2023-12-23 11:41:12 · 1034 阅读 · 0 评论 -
Vue2和Vue3组件间通信方式汇总(1)------props
props可以传数组也可以传对象,详情可以到Vue官网查看入门手册。控制台显示结果:儿子:爸爸!爸爸:hello,儿子!控制台展示结果:儿子:爸爸!爸爸:hello,儿子!页面最终结果展示:儿子,我是爸爸,页面展示的结果:爸爸!原创 2023-12-20 21:11:40 · 550 阅读 · 1 评论 -
Vue.js知识点学习的一点笔记
vue.js渐进式框架有个虚拟DOM的概念,运用diff算法,比较新旧数据,相同的数据不变不重渲染,不同的部分新数据覆盖旧数据。3、Vue封装了一个递归查询,可以找出对象嵌套多层中的对象,并为之添加setter和getter方法,直到最后不是对象类型的数据为止,如数组、字符串、数字、Boolean、null、undefined等等。3、计算属性中有getter方法和setter方法,当只有getter方法,没有setter方法的时候,计算属性可以简写,写在插值语法中的方法名可以不带括号。原创 2023-08-21 14:38:28 · 371 阅读 · 0 评论 -
vue项目中把文件放到静态资源中,a标签做下载功能路径出错的根本原因
【1】public被webpack打包,不变,一开始是什么样子,组后还是什么样子【2】assets被webpack打包,会变成base64或者fallbac格式的文件。原创 2023-04-10 17:14:48 · 1763 阅读 · 1 评论 -
路由传参——刷新页面会数据丢失
但是用到this.$route.query.ObjectData的页面,刷新后会导致this.$route.query.ObjectData数据丢失。【2】传递对象,或者含有对象的数组,在传之前先把数据转换成字符串再进行传递--》JSON.stringify(),获取的时候把字符串转换成对象--》JSON.parse()当index页面刷新之后,再打印 this.$route.query.ObjectData,会得到一个[Object Object] 未知数据,导致报错!原创 2023-03-06 11:59:24 · 1842 阅读 · 0 评论 -
vue项目引用echarts,点击图表打印的数据,v-model捕获不到
1】vue项目2】echarts散点图3】点击散点图各个散点,获取对应散点的全部信息4】获取到的信息,通过v-model应用到element组件中,动态展示获取的散点数据。原创 2023-02-13 17:19:45 · 326 阅读 · 1 评论 -
el-table+selet+pagination回显触发selection-change事件,打印的数组出现数据重复问题
1】vue项目2】el-conversation组件3】使用el-table组件4】使用type="select"属性5】使用selection-change事件6】使用toggleRowSelection方法7】混合使用el-pagination组件。原创 2023-02-13 16:37:19 · 3220 阅读 · 0 评论 -
“TypeError: Cannot read properties of null (reading ‘getContext‘)“
第一次在vue项目种使用canvas,跟着网上教程做,标签canvas写好了,dom元素获取了,简单“画”了一下,运行之后报"TypeError: Cannot read properties of null (reading 'getContext')"的错。:在模板渲染成html后调用,通常初始化页面完成后,再对html的dom节点进行一些需要的操作。:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成识图。显然,获取dom元素,作图都没有错。canvas元素在页面加载之前就获取了元素。原创 2023-02-10 16:33:07 · 12388 阅读 · 1 评论 -
el-table(type=“selection“)多选框两种回显
2、数据库数据回显,调用this.$refs.multipleTable.toggleRowSelection(row, true)方法的时候,必须实在el-table挂在完成之后才会起作用,因此eement ui的在页面中使用this.$refs.multipleTable.toggleRowSelection(row, true),是通过添加点击事件来实现的。因此,我称之为页面间数据的回显。被选择的el-table多选框行数据,以此显示在另一张页面上,类似v-model,实时展示。原创 2023-01-06 19:04:13 · 20060 阅读 · 3 评论 -
js模糊查询
一、关键js方法:array.filter()、indexOf()原创 2023-01-06 16:03:22 · 413 阅读 · 0 评论 -
VsCode插件
更厉害的是,对于需要嵌套的标签,你可以直接用 ul>li>a 的格式表示,按下回车后就能看到你需要的嵌套。GitLens — Git supercharged插件,有时候,文件被改了某一处,真的很烦,是不是想找到改你文件的人,上去暴揍一顿,这个时候你就需要这个傻瓜插件了,安装后重启,然后将鼠标单击放在被修改的那一处。设计的大型图标目录与主题融为一体,使其更加美观,这有助于你在资源管理器中轻松找到你的文件。通过一些缩写,能够快速补全icon fonts相关的代码片段,这样能够减少80%以上的手动输入内容。原创 2022-11-01 19:23:58 · 5234 阅读 · 0 评论 -
Cannot read properties of undefined (reading ‘validate‘)“
不排除this.$refs[value].validate()=>(),有时候不会报错。原创 2022-10-30 20:50:24 · 16031 阅读 · 3 评论 -
vue-router
vue-router实现了不跳转页面的情况下内容的来回切换。一、vue-router是什么?routes:路由;router:多个路由的集合。用 Vue + Vue Router 创建单页应用非常简单:通过 Vue.js,我们已经用组件组成了我们的应用。当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它router配置文件就像一座桥梁,一头是main.js,另一头是App.vue。原创 2022-10-19 15:56:45 · 1352 阅读 · 0 评论 -
什么是异步
在vue的过程中,我们一定会遇到诸如:function(参数).then(res=>{})形式的代码。到底怎么编译执行的呢?举个例子就懂了。一、异步是什么?异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。原创 2022-10-18 20:59:22 · 19744 阅读 · 0 评论 -
[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
从服务器获取带对象的数组,通过遍历数组生成系列dom元素遍历数组的时候,当赋给的key值是一个对象的时候,会报错,并建议赋string或者number值。原创 2022-10-15 11:09:05 · 954 阅读 · 0 评论 -
当你从GitHub或者码云上clone一个项目运行不了
当你从GitHub或者码云上clone一个项目运行不了,看看你运行的路径原创 2022-10-13 13:59:57 · 1014 阅读 · 0 评论 -
父子组件间的通信——props
在vue的学习过程中,我们将会接触很多种关于组件之间通信的方法,有父传子、子传父、兄弟之间传递。这篇文章讲的是一个既可以父传子又可以子传父的方法——props!一、props的使用之父组件数据传给子组件例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。原创 2022-10-12 18:35:56 · 1891 阅读 · 0 评论 -
vue中还能这样拿DOM元素
vue中还能这样拿DOM元素原创 2022-10-07 16:06:20 · 124 阅读 · 0 评论 -
表单验证:名称、电话号码、邮箱
在大部分web项目中都离不开表单验证,这里就简单介绍几个常见的验证内容,后续慢慢更新一、名称表单验证1、特点:可输入英文、中文,中间可输入空格,不能输入数字@#¥%……&*等特殊字符,最前面和最后面不能出现空白符号。解析:1、 ^ :这里的^代表以后面第一个元素开头,当然还有另一层”非“意思,比如[^0-9]表示非数字;2、[a-zA-Z\n\u4e00-\u9fa5] :表示可写入一个小写字母或一个大写字母或一个数字或一个中文字符,特别注意中文字符:[\u4e00-\u9fa5]原创 2022-10-06 21:27:58 · 2193 阅读 · 0 评论 -
报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
1、项目描述:最近接手一个用到了elementu ui库的vue项目,结果在模块的开发中有个问题伴随始终——Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)的错误。原创 2022-10-05 15:52:54 · 35377 阅读 · 6 评论 -
关于创建vue对象,没用$mount注册App组件报缺少模板解析器的错误问题
意思就是在引入vue第三方库的时候,默认引入的是“残缺版本”的模块。原创 2022-09-28 21:13:10 · 586 阅读 · 0 评论 -
blur失去焦点比如输入框里。校验文本框是否为空change数据改变比如下图这些。需要手动选择的东西,用change
需要手动选择的东西,用change。change数据改变。转载 2022-09-25 23:09:37 · 278 阅读 · 0 评论 -
error Component name “Home“ should always be multi-word vue/multi-word-component-names
在定义的组件或者变量没有调用的时候,eslint因其严格的规则会检测这种情况不合法,所以,我们在这个过于严格的规则上下狠手——关闭它!在"eslintConfig"函数下的“rule"函数添加:"no-unused-components": "off"一个是package.json,一个是vue.config.js。原创 2022-09-23 15:28:10 · 6259 阅读 · 1 评论 -
veu项目实践详细笔记(一)
⑩footer组件在注册和登录的时候是不显示的,所以所以footer组件显示要设置挑架:v-show='$route.path="/search" || $route.path="/home"'。③console.log(nprogress)返回的是一个对对象,对象里面是有一个start()方法,代表滚动条开始和一个done()方法,代表滚动条结束。①小项目:可以在生命周期函数里面发送请求,而对于大项目而言,如果所有请求都在各个组件里面完成,后期维护成本很大, 所以需要进行统一管理,...原创 2022-08-26 19:40:09 · 1091 阅读 · 0 评论 -
Parcel 2 + Vue 3 - 如何设置全局功能标志? Vue 开发工具已禁用(Parcel 2 + Vue 3 - How to set global feature flags ? Vue
使用 Vue.js v3 开始一个新项目。如果您希望在开发或生产中具有不同的价值,您可以利用 Parcel 的。方法是在您的应用程序条目。转载 2022-08-12 17:03:23 · 1569 阅读 · 0 评论 -
怎么安装vue-devtools
选择并打开vender文件:最终插件会出现在浏览器扩展程序列表中:原创 2022-08-12 15:41:53 · 1680 阅读 · 0 评论 -
Component provided template option but runtime compilation is not supported in this build of Vue.
代码】Component provided template option but runtime compilation is not supported in this build of Vue.原创 2022-08-12 12:58:56 · 282 阅读 · 0 评论 -
__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor
学习webpack下配置vue模块,通过npm命令下载vue,测试vue模块是否能用,打包后结果报这样的错误: 在main.js文件引入vue模块: 在index.html里运用mustache:(最后该报错消失)原创 2022-08-12 12:56:29 · 21060 阅读 · 0 评论 -
__WEBPACK_IMPORTED_MODULE_0_vue__.default is not a constructor
学习webpack下配置vue模块,通过npm命令下载vue,测试vue模块是否能用,打包后结果报这样的错误: 在main.js文件引入vue模块: 在index.html里运用mustache:(最后该报错消失)原创 2022-08-12 12:52:45 · 2828 阅读 · 0 评论 -
TypeError: this.getOptions is not a function at Object.loader(关于版本过高这件事)
代码】TypeError: this.getOptions is not a function at Object.loader(关于版本过高这件事)原创 2022-08-11 01:18:33 · 1118 阅读 · 0 评论 -
安装webpack出现code enoself怎么解决
就是需要咋package.js文件中的name默认值webpack改成其他的自定义值就解决了原创 2022-08-10 22:30:18 · 313 阅读 · 0 评论 -
【无标题】
在解决这个问题的时候查了一下资料,这篇文章对我的帮助很大,地址:https://blog.csdn.net/qq_43112598/article/details/103075427。版权声明:本文为CSDN博主「fankse」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/fankse/article/details/109776520。在自己配置webpack打包文件的时候出现了系统禁止运行脚本的问题。...转载 2022-08-10 20:28:56 · 127 阅读 · 0 评论 -
关于我报‘output.filename‘ is required, either in config file or as --output-filename‘的错误
关于我报'output.filename' is required, either in config file or as --output-filename'的错误原创 2022-08-09 08:39:27 · 391 阅读 · 0 评论