Vue 使用JSX 写表格

<!--* @Author: zhang_gen_yuan* @Date: 2021-05-20 22:54:04* @LastEditTime: 2021-06-07 23:24:12* @Descripttion:
-->
<script>
export default {data() {return {tableData: [{date: "2016-05-02",name: "王小虎",address: "上海市普陀区金沙江路 1518 弄",},{date: "2016-05-04",name: "王小虎",address: "上海市普陀区金沙江路 1517 弄",},{date: "2016-05-01",name: "王小虎",address: "上海市普陀区金沙江路 1519 弄",},{date: "2016-05-03",name: "王小虎",address: "上海市普陀区金沙江路 1516 弄",},],};},methods: {del(row) {console.log(row);},},render() {return (<div><el-table data={this.tableData} style="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-column prop="address" label="地址"></el-table-column><el-table-columnlabel="操作"{...{scopedSlots: {default: (scope) => {return (<el-button onClick={() => this.del(scope.row)}>删除</el-button>);},},}}></el-table-column></el-table></div>);},
};
</script>

Vue 使用JSX 写表格相关推荐

[vue] 为什么我们写组件的时候可以写在.vue里呢？可以是别的文件名后缀吗？
[vue] 为什么我们写组件的时候可以写在.vue里呢?可以是别的文件名后缀吗? 也可以写为js,jsx,ts,tsx这种个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...
vue 在线编辑excel表格（原生和使用组件的两种方式）
vue 在线编辑excel表格(原生和使用组件的两种方式) top表头和left表头格式的表格 <template><div>& ...
vue的jsx写法记录
通过本文, 你可以学到一些vue中jsx的语法. vue更加推荐使用模板开发组件,但是在一些基础组件开发中,为了获取js的完全编程能力,不可避免需要使用一些jsx语法,而官方vue jsx对vue特有 ...
Vue + Element-ui 实现table表格数据相同项合并
Vue + Element-ui 实现table表格数据相同项合并通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象 data() {return {table ...
vue中导出Excel表格
vue中导出Excel表格项目中我们可能会碰到导出Excel文件的需求,一般后台管理系统中居多,将table中展示的数据导出保存到本地.当然我们也可以通过一些处理来修改要导出的数据格式,具体需求具体 ...
Vue实现复制excel表格内容粘贴至网页
Vue实现复制excel表格内容粘贴至网页有一个项目要求复制excel表格内容粘贴至网页表格,并且自动生成格式(合并单元格等) (别问为什么不直接上传excel表格,用户不喜欢...) 最后决定的做 ...
Vue中对Table表格中的输入项进行校验
项目开发中,经常会遇到的场景:对table表格的输入项字段进行校验,同时提交时整体校验. 这个坑真的爬了好久,几个需求做完了,校验也没实现,挫败!后来看到一个博主Element UI from实现校验 ...
vue纯手写思维导图，拒绝插件(cv即用)
vue纯手写思维导图,拒绝插件(cv即用) 已完成功能点:折叠.放大.缩小.移动后续增加功能点:添加.删除先看结果: 有这么个需求,按照层级关系,把表格放在思维导图上,我第一时间想到用插件,但是找 ...
vue数组转Excel表格导出
vue数组转Excel表格导出安装依赖 npm i xlsx vue组件 <template><div><el-button type="success&qu ...

Vue 使用JSX 写表格

Vue 使用JSX 写表格相关推荐

最新文章

热门文章