添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

今天使用vue3的ref属性获取标签,并且使用原生js的方法getBoundingClientRect()报错Property 'getBoundingClientRect' does not exist on type 'never'。查了一圈发现是react解决办法,但是无论哪一种方法都是因为没有给ref设置初始类型导致的。

const dateRef = ref<any>(null);
// 这样直接使用原生js关于dom的方法就不会报错了
datesChildrenRef.value.getBoundingClientRect()
javascript 中,我们一般都只用push向数组的尾部插入新元素的,但是其实在 javascript 中还有另外一个方法和push一样,也是向数组尾部插入新元素的,但是他们之间却存在着一定的区别,当我们看下面的代码的时候就明显的知道了: 1. 通过使用push操作数组: 2. 通过使用concat操作数组: void: 无任何 类型 ,没有 类型 用于函数时,n eve r表示函数用于执行不到返回值那一步(抛出异常或死循环)的返回值 类型 , 即永 不存在 的值的 类型 。 而void则表示没有返回值,不返回或返回undefined 使用原则上 能不用any,就不用any声明时如果不确定具体的 类型 ,则可以使用unknown代替,在使用时用 类型 断言或 类型 守卫进行 类型 收缩..
1.首先在子组件中使用defineEmits定义emit并定义事件名称,然后定义传值的方法,通过例如点击来触发方法从而调用emit来把值绑到事件上传给父组件。并且在最后通过defineExpose({})来暴露你想给 ref 看到的值 2.父组件中通过在子组件标签内使用@来接收事件,并且给子组件使用 ref 赋值,然后在setup中使用 ref (null)声明该值。接收事件后触发的方法中使用 ref 赋值.value.['值'] 来接收子组件传过来的值。在本文中为Sons.value.['toF']。...
src/views/Classfy/index.vue:13:20 - error TS2339: Property 'name' does not exist on type 'n eve r'. 13 <p>{{ item.name }}</p> src/views/Classfy/index.vue:14:32 - error TS2339: Property 'icon' does 在使用angular的时候,在后台返回一段json进行处理,然后在使用的时候出现如下报错。 我考虑这个 问题 的由来一般是因为前面没有给这个list指定具体的 属性 名称,所有这个地方会报错,而且我程序运行后拿到的数据是没有 问题 的,但是有一点强迫症,不愿意看到爆红,所以想办法 解决 他。 1. 解决 办法 我考虑了3个方法,其中前两个是经过实践的,第三个是一个猜想。 方法1:如下图所示,直接在后面加上[“name”]这样的 属性 名进行调用就行了。 方法2:直接指定数据 类型 为 any。 方法3:前面我考 // 1, 类型 加括号表示 const arrNum: number[] = [1, 2, 3, 4] const arr: [number, string, number] = [1, '2', 3] console.log(arrNum) // [1,2,3,4] console.log(arr) // [[1, '2', 3]] arrNum.push('5') // 报错 : 类型 “string”的参数不能赋给 类型 “nu
今天写代码时,系统突然报了一个Property 'length' does not exist on type 'n eve r' 的错误,这样的关键字,网上很难直接找到答案。因此放弃查找,自己 解决 。 这个 问题 比较奇怪,究其原因就是在一个公用的类里面定义了一个常量,常量赋的值为空字符串,类的代码如下: export class AppConfig { public readonly apiU...
用ts写一个组件的时候,遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错,但神奇的是竟然还能正常运行。 在参考一些正确的代码后,有两个 解决 方案。 在export default class Add extends Vue {} 里面定义对应的Prop: import { Component, Vue, Prop } from "vue-property-decorator"; import { mapState } from "vue
Ant design 表格报错:TypeError: Cannot read property ‘children’ of undefined 这个报错表明表格中给的columns或者data有 问题 ,比如columns为空,或者data里面有格式不对的数据(某一行数据为undefined) 我排除了一下代码报错的原因,就是因为有一行数据为undefined。。所以报错了。在对后端返回的数据进行格式化的时候,一定要注意判空处理,这样可以省略很多不必要的麻烦~ <h1>这是 Account 组件</h1> <router-link to="/account/login">登录</router-link> <router-link to="/account/register">注册</router-link>