+
-
{{scope.row.id}}
@@ -35,22 +34,28 @@
-
-
- cancel
-
- {{ scope.row.title }}
+
+
+ {{ scope.row.title }}
+
- Ok
- Edit
+
+ Edit
+
-
+
+
+
@@ -58,10 +63,11 @@
import { fetchList } from '@/api/article'
export default {
- name: 'inlineEditTable',
+ name: 'articleList',
data() {
return {
list: null,
+ total: 0,
listLoading: true,
listQuery: {
page: 1,
@@ -86,32 +92,18 @@ export default {
getList() {
this.listLoading = true
fetchList(this.listQuery).then(response => {
- const items = response.data.items
- this.list = items.map(v => {
- this.$set(v, 'edit', false) // https://vuejs.org/v2/guide/reactivity.html
-
- v.originalTitle = v.title // will be used when user click the cancel botton
-
- return v
- })
+ this.list = response.data.items
+ this.total = response.data.total
this.listLoading = false
})
},
- cancelEdit(row) {
- row.title = row.originalTitle
- row.edit = false
- this.$message({
- message: 'The title has been restored to the original value',
- type: 'warning'
- })
+ handleSizeChange(val) {
+ this.listQuery.limit = val
+ this.getList()
},
- confirmEdit(row) {
- row.edit = false
- row.originalTitle = row.title
- this.$message({
- message: 'The title has been edited',
- type: 'success'
- })
+ handleCurrentChange(val) {
+ this.listQuery.page = val
+ this.getList()
}
}
}
diff --git a/src/views/table/complexTable.vue b/src/views/table/complexTable.vue
index a5442ce1..f6171c5f 100644
--- a/src/views/table/complexTable.vue
+++ b/src/views/table/complexTable.vue
@@ -1,5 +1,5 @@
-
+
diff --git a/src/views/table/dragTable.vue b/src/views/table/dragTable.vue
index 9e411e64..f13dcb32 100644
--- a/src/views/table/dragTable.vue
+++ b/src/views/table/dragTable.vue
@@ -1,5 +1,5 @@
-
+
diff --git a/src/views/table/inlineEditTable.vue b/src/views/table/inlineEditTable.vue
index 3d2ad00f..c44efccc 100644
--- a/src/views/table/inlineEditTable.vue
+++ b/src/views/table/inlineEditTable.vue
@@ -1,5 +1,5 @@
-