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

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

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

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


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


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


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


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


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

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


相关推荐
前端摸鱼匠10 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
We་ct2 天前
React 性能优化精讲
前端·javascript·react.js·性能优化·前端框架·html·浏览器
光影少年2 天前
前端在页面渲染优化和组件优化经验?
前端·vue.js·react.js·前端框架
Codebee3 天前
Harness Engineering:AICode 的灵魂
前端·人工智能·前端框架
接着奏乐接着舞3 天前
openlayers网络服务标准
前端框架
kyriewen114 天前
Next.js部署:从本地跑得欢,到线上飞得稳
开发语言·前端·javascript·科技·react.js·前端框架·ecmascript
朝阳394 天前
react【实战】首页 -- 白天/黑夜主题切换(含组件封装)
前端·react.js·前端框架
光影少年5 天前
大屏页面,一次多个请求,请求加密导致 点击 全局时间选择器 时出现卡顿咋解决(面板收起会延迟1~2秒)
前端·javascript·vue.js·学习·前端框架·echarts·reactjs
vipbic5 天前
厌倦了重度耦合?我用 Vue3 撸了一个真·插件化中后台框架
vue.js·前端框架·前端工程化
朝阳395 天前
react【实战】首页 -- 响应式导航栏(含带联动动画的搜索框)
前端·react.js·前端框架