自建个网站怎么做,做手机网站的公司,重庆辣肠怎么制作,西安网站建设网站制作遇到的问题
在做表格的时候#xff0c;表格是封装好了的#xff0c;用于展示数据。如果想给单行增加按钮#xff0c;可以单独写一列存放按钮#xff0c;最基本的需求是#xff0c;点击按钮后要拿到数据然后发起请求。
且Vue的element-plus#xff0c;当我们点击按钮之后…遇到的问题
在做表格的时候表格是封装好了的用于展示数据。如果想给单行增加按钮可以单独写一列存放按钮最基本的需求是点击按钮后要拿到数据然后发起请求。
且Vue的element-plus当我们点击按钮之后会自动触发行点击事件。这本身是一件好的事情但难搞的地方在于执行顺序。也就是先点击按钮再拿到数据。这样的话每一次点击按钮拿到的都是上一次的数据。
怎么样才能解决问题我尝试了很多方法比如点击按钮后重新加载行点击这样不行因为就算是存放了row的数据点击事件也是上一次的数据比如Vue的事件修饰符无法做到这样的修饰都无法解决。
解决问题
在表格中用到#default: scope: 就可以拿到表单该行的一些数据。
原理
这里用到了Vue的作用域插槽。
这里复习下作用域插槽的定义当数据在组件自身但根据数据生成的结构需要组件使用者来定我们则可以使用作用域插槽。
更多可以移步于博客
vue插槽之插槽的用法及作用域插槽详解
