uniapp uview form组件setRules

当表单嵌套在modal或者是在v-else里面的时候，即一开始表单的元素display为none的时候。refs里面是没有uForm的。所以再onReady里面设置是无效的。这时候利用nextTrick，监听当表单出现时，且dom更新结束时，再设置规则watch: {modalShow(newVal) {if(newVal)this.$nextTick(() => {this.$refs.u

ttt唐老鸭

6886人浏览 · 2021-12-29 10:01:42

ttt唐老鸭 · 2021-12-29 10:01:42 发布

当表单嵌套在modal或者是在v-else里面的时候，即一开始表单的元素display为none的时候。refs里面是没有uForm的。所以再onReady里面设置是无效的。这时候利用nextTrick，监听当表单出现时，且dom更新结束时，再设置规则

  watch: {
    modalShow(newVal) {
      if(newVal)
        this.$nextTick(() => {
          this.$refs.uForm.setRules(this.rules);
        });
    }
  },