vue3前端开发,element-plus前端框架探秘:scope对象

vue3前端开发,element-plus前端框架探秘:scope对象!我们经常需要对当前行的数据进行操作,比如增加,删除,编辑等,为此我们需要传递当前行所对应的唯一主键,通常情况下,当前行对应的业务主键是id属性。scope是elementplus框架封装好了一个一个对象。

这个封装好的对象,可以给我们直接拿来使用。比如它里面包含了什么内容呢

我们给大家在控制台打印一下。看看scope对象到底封装了些什么内容?


如图,我们定义了一个按钮,观察scope。点击它触发一个控制台打印。内容可能会让你意外哦。


按理说,大家会觉得,我点击第一行的按钮。打印出来的内容,应该是第一行的数据信息。这样是正常人的理解。实际上,scope对象,不仅仅是包含了某一行的内容,它包含了整个list集合的内容。


 

如图,可以看见,row是scope对象的一个子属性。 里面包含了当前行对应数据的各个字段数据。


当我们打开下面的_self下面的子属性的时候,会发现,其实它里面包含了所有的集合数据。


当我们只是传递scope.row时,自定义函数接收到的参数传递过来的就是那个代理对象proxy的内容。

 

 它携带的数据是被封装在了Object对象里面了。


相关推荐

  1. Vite5 + Vue3 + Element Plus 前端框架搭建

    2024-02-02 07:24:05       57 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-02 07:24:05       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-02 07:24:05       106 阅读
  3. 在Django里面运行非项目文件

    2024-02-02 07:24:05       87 阅读
  4. Python语言-面向对象

    2024-02-02 07:24:05       96 阅读

热门阅读

  1. 前端框架和组件库的区别与联系

    2024-02-02 07:24:05       49 阅读
  2. 【Leetcode热题100】

    2024-02-02 07:24:05       55 阅读
  3. 工作中的小记录

    2024-02-02 07:24:05       58 阅读
  4. 力扣(leetCode)shell 193.有效电话号码

    2024-02-02 07:24:05       46 阅读
  5. [经典面试题]169. 多数元素

    2024-02-02 07:24:05       52 阅读
  6. golang网络编程day5

    2024-02-02 07:24:05       38 阅读
  7. I2S、I2C、SPI和UART的区别

    2024-02-02 07:24:05       51 阅读
  8. Vue中嵌入原生HTML页面的方法

    2024-02-02 07:24:05       54 阅读
  9. Backend - Django CSRF 跨域请求伪造

    2024-02-02 07:24:05       46 阅读