小编SGG*_*SGG的帖子

vuetify vee-validate 滚动到第一个验证错误

如果在表单中单击提交按钮,如果存在错误,它应该自动滚动到第一个验证错误。我读过可以使用“scrolltoview”来实现此目的,但我不知道具体如何操作。

我已经尝试过使用简单的 ScrollTo (0.0) 来在出现错误时简单地向上滚动,并且效果完美。然而,这不是我想要的解决方案。

< script >
  ...
  let name = 'm-form-user';
export default {
  name: name,
  mixins: [baseForm],
  props: {
    name: {
      type: String,
      default: name
    },
    title: {
      type: String,
      default: ''
    },
    type: {
      type: String,
      default: 'create',
      validator: function(value) {
        return ['edit', 'create'].indexOf(value) !== -1
      }
    },
  },
  data: () => ({
    form: {
      firstName: '',
      lastName: '',
      position: '',
      email: '',
      mobile: '',
      roles: []
    }
  }),
  async created() {
    if (!this.isCreationForm && this.$route.params.id) …
Run Code Online (Sandbox Code Playgroud)

vue.js vuetify.js vee-validate js-scrollto

1
推荐指数
1
解决办法
7760
查看次数

标签 统计

js-scrollto ×1

vee-validate ×1

vue.js ×1

vuetify.js ×1