首页 > 其他分享 >vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了

vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了

时间:2023-10-18 17:45:35浏览次数:42  
标签:表格 一行 获取 vue2 vue3 写法

vue2.x

<el-table-column label="测试" align="center" prop="ce">
    <template slot-scope="scope">
        <span>{{scope.row.ce}}</span>
    </template> 

vue3.x

<el-table-column prop="msgType" label="消息内容">
   <template #default="scope">
      <el-button link type="primary" size="small" @click="handleClick(scope.row)">修改</el-button>
    </template>
</el-table-column>

<script>
   methods: {
    handleClick(e){
      alert(e.id);
    },
</script>

点击修改:

标签:表格,一行,获取,vue2,vue3,写法
From: https://www.cnblogs.com/liuzijin/p/17772914.html

相关文章

  • vue3.x增加数据功能
    具体代码<template><el-form:model="form":rules="rules"ref="ruleFormSSS"label-width="120px"><el-form-itemlabel="用户姓名"prop="name"><el-inputv-model="form.......
  • 需求:vue3+swiper+ts实现轮播图(中间主体轮播,左右各显示部分)
    一、下载安装swiper安装:pnpminstallswiper使用你熟悉的方式来安装(yarnnpmcnpm)二、在项目中引入swiper1.main.js文件点击查看代码import'swiper/swiper-bundle.css';import"swiper/css"2.页面代码实现点击查看代码<scriptsetup>import{ref,reactive}fr......
  • Vite+Vue3 加载速度优化
    可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。静态资源拆分打包在常规打包方法下,所有的第三方依赖将会都打包在一个vendor.js文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可......
  • 易语言关于微信收款监控软件写法的思考
    想写微信收款监控,正规途径是企业认证申请sdk。可是这个确实是有门槛的,好像每年都要交不少的钱,好像是,具体我也不记得了。如果能够监控收款,就可以利用微信写自动成交工具。很多卖虚拟的,就可以实现自动发卡。所以很多人就想走其他的捷径,看能不能绕过官方,自己监控。最简单的......
  • Vue3 element-plus el-cascader后缀图标更改(svg)
    概述今天用element-plus写通用表单的时候,发现了它的el-cascader组件竟然不支持改后缀图标,主要它的普通下拉el-select组件都能随便改suffix-icon,级联的下拉就不支持了,令人疑惑。    然后,找了好多办法,包括直接取原生的Component改它的arrowDown属性,发现也不支持了。没......
  • SvgIcon全局组件---开发环境:vue3+vuecli5
    开发背景nodev18.17.0(node-v)npmv8.4.1(npm-v)@vue/cli5.0.8(vue-V)0.SvgIcon全局组件全局组件是指在应用程序的任何位置使用的组件,使用全局组件前需要在Vus.js实例中注册,并将其挂载到实例中。全局组件是可复用的Vus.js实例。1.安装依赖svg-sprite-loadernpm......
  • vue3中监听滚动条事件
    import{onMounted,onUnmounted,reactive}from'vue'constdata=reactive({oldScrollTop:0,});constscrolling=()=>{//滚动条距文档顶部的距离letscrollTop=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop......
  • antd for vue3 table 使用rowClassName设置样式固定列不生效
    依赖库版本:Vue3+antdforvuev3.X样式问题:固定列背景色不生效,鼠标移入对应行背景色变为初始的白色columns:[{title:'装置',width:100,dataIndex:'areaName',fixed:'left'},...{title:'装置',w......
  • 数位 dp 写法
    众所周知,数位dp是一种难写难调的sbdp,这里记录一种便于调试的写法。对于一个区间询问\([a,b]\),可以把它拆分成\([1,b]\)和\([1,a-1]\)两个部分作差,并使用函数\(solve(x)\)计算出\([1,x]\)的答案,将答案的形式改写为\(solve(b)-solve(a-1)\)以减小码量;对于状态转移......
  • Vue3.2中setup语法糖的使用教程分享
    这篇文章主要为大家详细介绍了Vue3.2中setup语法糖的具体使用方法,文中的示例代码讲解详细,对我们深入了解Vue有一定的帮助,需要的可以参考一下目录2、data数据的使用3、method方法的使用4、watchEffect的使用5、watch的使用6、computed计算属性的使用7、props父子传值的使用8、emit......