vue之templete模板
2024-08-30 08:17:21
1.templete里要用data里的数据的话,不要加this.
2.按理说Js是写在<script></script>标签体内的。但是Vue的templete模板中对所有的数据绑定,都提供了完全的js支持。
代码示例如下:
强调"tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"-->
<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%" max-height="400">
<el-table-column label="姓名" prop="name"></el-table-column>-->
<el-table-column label="id" prop="id"></el-table-column>
<el-table-column label="ownerId" prop="ownerId"></el-table-column>
<el-table-column label="userId" prop="userId"></el-table-column>
<el-table-column label="status" prop="status"></el-table-column>
<el-table-column label="domId" prop="domId"></el-table-column>
<el-table-column label="管理员" prop="isAdmin"></el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-button
@click="dialogFormVisible1 = true;row=scope.$index;onejilu=scope.row"
type="text"
size="small"
>移除</el-button>
</template>
</el-table-column>
</el-table>
data() {
return {
tableData: [], //table的data
currentPage:1, //初始页
pagesize:5, // 初始每页的数据
};
},
最新文章
- Ruby on Rails 接口无法调试的问题
- mongodb学习4---索引
- android之旋转的刻度盘
- Fragments碎片
- hadoop源码阅读
- 搭建Spring + SpringMVC + Mybatis框架之一(创建项目)
- 查看解决Oracle对象锁住的问题
- 纯CSS3代码实现表格奇偶行异色,鼠标悬浮变色
- linux下mysql环境支持中文配置步骤
- [学习笔记]jQuery实现一些动画效果的方法
- linux下Oracle11g RAC搭建(九)
- freemarker 空白处理
- 搭建go语言idea开发环境
- How and when: ridge regression with glmnet
- JS内置对象学习总结
- 静态频繁子图挖掘算法用于动态网络——gSpan算法研究
- shiro 介绍和基本使用
- 使用IDEA进行版本控制
- python之对字符串类型的数组求平均值
- php 获取网站根目录
热门文章
- PHP截取字符串函数,根据dede修改而来
- ORA-01578: ORACLE 数据块损坏 (文件号 10, 块号 57896)ORA-01110: 数据文件 10: &#39;/data/oradata/prod35.dbf&#39;
- Vagrant 手册之 Provisioning - Shell 配置程序
- 【ABAP系列】SAP ABAP 物料凭证增强
- Using Tensorflow SavedModel Format to Save and Do Predictions
- Mac010--IDEA安装及应用
- Python几行代码实现邮件发送
- HTML5-注册表单案例fieldset
- Pikachu漏洞练习平台实验——RCE(五)
- 高德地图POI采集(URL-API)