element-ui
明月松江
年轻就是力量,有梦就有未来!
展开
-
element-ui表格的多选框CheckBox 是否可以勾选
项目需要使element-ui表格的选择框部分可勾选,部分不可勾选。解决办法:使用selectable属性来判断,接收一个回调函数,函数的第一个参数是row,第二个参数是示例代码:template:<el-table ref="dataTable" :data="data" border> <el-table-column type="selecti...原创 2019-11-28 14:13:04 · 3141 阅读 · 0 评论 -
element-ui表单校验、重置表单与移除表单项的校验结果
1.element-ui的表单校验使用validate方法。参数为一个回调函数,该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。示例代码如下:<el-form ref="dynamicValidateForm" :model="uploadObject"> <el-form-item label="名字" pr...原创 2019-10-22 23:12:26 · 9463 阅读 · 0 评论 -
element-ui的表格有多选框时翻页记住之前选择的数据
element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值,这个属性还需要指定row-key.<el-table :data="tableDa...原创 2019-08-02 20:19:11 · 8509 阅读 · 8 评论 -
element-ui表格列el-table-column如何根据数据不同显示不同的值
在使用element-ui的表格时,有时候后台给你的字段和你要显示在表格列里的内容不一致。例如后台给的字段是state,它的值为true或false,要求显示在表格里是‘正确’或‘错误’这时可以给el-table-column添加一个属性:formatter,代码如下:<el-table ref="accountTable" :data="accountsListData" b...原创 2019-07-30 23:26:00 · 95988 阅读 · 13 评论 -
element-ui的table表格的多选框默认选中
项目要求进入编辑页面时候,表格的选择框已经选择的默认选中。代码如下:data(){ return{ listData:[],//当前的table的数据 hasSelectList:[],//已经选择的id的数组 }}this.$nextTick(()=>{ this.listData.forEach(row=>{ if(this.hasSe...原创 2019-07-30 22:51:14 · 43863 阅读 · 4 评论 -
使用element-ui的分页组件刷新后保留在当前页
在使用element-ui的分页组件el-pagination时,有时我们翻页到某一页后刷新,希望刷新之后页面仍然保留在当前页面。思路如下:我们可以在element-ui分页组件el-pagination翻页的时候改变url地址栏的参数,获取数据的时候参数再从url地址栏获取。这样即使页面刷新了也能传递给后台之前的参数,获得之前页面的数据。代码如下:<div class="pagi...原创 2019-07-31 14:25:47 · 7810 阅读 · 0 评论