Vue中el-table-column获取当行中的数据

孤独&烙印

已于 2022-10-26 14:17:47 修改

阅读量6.7k

点赞数

分类专栏： vue 文章标签： vue.js elementui javascript

于 2022-10-25 16:44:49 首次发布

本文链接：https://blog.youkuaiyun.com/qq_46372272/article/details/127516488

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

博客聚焦于el-table-column中prop只能确定属性名、无法查看值的问题。给出解决办法，即利用temple中的slot-scope属性，通过{{scope.row.value}}获取当前行的数据值，涉及Vue相关技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、el-table-column中prop只能确定属性名不能查看其中的值？

解决方法:

temple中有一个slot-scope属性可以获取当前行{{scope.row.value}}获取当前行中的数据值

 <template slot-scope="scope">
     <el-popover
            placement="bottom"
            width="200"
            trigger="click">
           <!--value属性值-->
          <span>{{scope.row.value}}</span>
          <el-button slot="reference" size="mini" type="success">查看说明</el-button>
      </el-popover>
</template>