fix(ui/row): add gutter/cols length watcher

varletjs · Feb 24, 2022 · 96b0a7e · 96b0a7e
1 parent fea3a14
commit 96b0a7e
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 166 deletions.
diff --git a/packages/varlet-vue2-ui/src/row/Row.vue b/packages/varlet-vue2-ui/src/row/Row.vue
@@ -28,6 +28,17 @@ export default defineComponent({
     average() {
       return toPxNum(this.gutter) / 2
     },
+    length() {
+      return this.cols.length
+    },
+  },
+  watch: {
+    gutter() {
+      this.computePadding()
+    },
+    length() {
+      this.computePadding()
+    },
   },
   methods: {
     computePadding() {