VUE涉及的技术内容
weixin_48986139
这个作者很懒,什么都没留下…
展开
-
浅谈vue中provide和inject 用法
provide和inject是成对出现的用于父组件向子孙组件传递数据使用方法provide在父组件中返回要传给下级的数据,inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。简单的来说就是在父组件中通过provide来提供变量,然后在子组件中通过inject来注入变量需要注意的是这里不论子组件有多深,只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。使用场景由于vue有$parent属性可以让子组件访问原创 2021-11-23 14:49:30 · 603 阅读 · 0 评论 -
[VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data“,监听数据时报错
关于报错[VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data”,“TypeError: Cannot read properties of null (reading ‘xxxxxxx’)”含义这个错误是你监听data时方法里的值为null,造成调用xxxxxxx时导致报错,解决办法一般可以在调用方法前,确保它存在,例如下图:@Watch('data') 你的监听函数的名(newVal){ this.$nextTick(()=>{原创 2021-09-30 11:37:14 · 7344 阅读 · 0 评论 -
Irregular whitespace not allowed 控制台报错
控制台奇奇怪怪的报错问题原因如果看不出来啥问题,一般就是里面一不小心夹杂了中文空格当下去查了这两行的内容 没啥问题啊 又重新排了一下版 ,还是报错解决办法一般遇到这种情况我们都知道是不规则空格,直接格式化文档最快,但是如果不想这么做的话,可以具体到某一行,比如我图中的40 43行把里面涉及的空格都删了重新替换一下英文版空格结果编译过后没啥问题,楼主是这么解决的,有其他情况可以下方评论,一起解决...原创 2021-08-05 17:14:51 · 1459 阅读 · 0 评论 -
神奇的通过 event 获取元素位置的方法
先来说说应用场景开发中遇到的,一个表格里面有多条信息,每一行都有一个调起评价的按钮 现在需要点击按钮,都在对应的按钮旁边出现弹窗 位置为8px,单纯的看这个就是 获取一下元素然后拿到它的位置 然后赋值给弹窗遇到的问题每一个元素都不一样 不能通过id 或者 calss去获取解决办法通过event事件,每次点击都将事件传给函数,然后通过 event.target 获取到元素 之后使用 getBoundingClientRect() 的方法 就能得到一个 包含元素位置相对于窗口上下左右位置的对象,原创 2021-07-18 15:04:52 · 1085 阅读 · 0 评论 -
property ‘AAA‘ does not exist on type ‘Window & typeof globalThis‘.解决办法
第一种(window as any).aaa第二种declare global { interface Window { aaa: any; }}window.aaa = window.aaa || {};第三种interface MyWindow extends Window { aaa(): void;} declare var window: MyWindow;原创 2021-03-01 18:41:12 · 8891 阅读 · 0 评论 -
关于报错Avoid mutating a prop directly since the value will be overwritten whenever the parent component
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “value”一个报错记录 大概意思是不可以直接修改父组件传过来的值我这里写的是不对的 涉及公司内容 不全贴代码原创 2021-02-23 11:44:02 · 9605 阅读 · 0 评论 -
vue中使用ts时 @Model的作用
vue中使用ts时 @Model的作用在开发vue项目时 里面的ts文件 可以看到@model 这个也是双向数据绑定 相当于v-model还是用代码来展示一下 首先是子组件<template> <div> <h1>child-component</h1> <input type="text" :value="value" @input="changed"/> </div><原创 2021-01-22 16:04:12 · 8877 阅读 · 1 评论 -
运行vue项目时,Moudle 报错can‘t resolve 模块名
运行vue项目时,Moudle 报错can’t resolve 模块名在开发的时候遇到的这个问题,第一反应很简单啊 就是npm install 一下就可以 但是我执行了无数次还是报错,超级纳闷后来发现需要在后面加上npm install 报错的模块名 --save 这样专门给他加一下 在执行就不会报错了 看一下package.json 已经有了该模块以及它对应的版本号...原创 2021-01-21 16:35:25 · 2034 阅读 · 0 评论 -
Vue Router 关于 添加、删除query中个别的参数
Vue Router 关于 添加、删除query中个别的参数在写项目过程中涉及到一个需求,大概形容一下就是点击表格中对应的某个值进行跳转到表头的其他tab,目前是再返回的时候数据会自动刷新,所以需要再返回的时候,准确定位到刚刚点的那个title对应的页面页数以及行数,在把它勾选上,置灰背景,因为要跳转的内容共用一套表格,来回切会更新记录,为了保存住跳转那一刻的页码以及title的id 所以要存到url上 ,需求不难 过程不详述 由于涉及到url网址上的参数 添加或删除,只记录query的问题首先是原创 2021-01-06 21:32:43 · 8898 阅读 · 0 评论