在前端开发中，数组提交校验是非常常见和重要的一项工作。在Vue中，我们可以轻松使用v-model来实现对数组的增删改查操作。然而，在提交数据给后端之前，我们需要对数据进行校验，以保证数据的正确性和完整性。接下来，我将详细介绍Vue数组提交校验的实现方法。

在Vue中，我们可以使用自定义指令来实现对数组的提交校验。首先，我们需要定义一个名为v-array的指令，并在组件中使用该指令进行校验。在指令中，我们需要定义一个bind函数，该函数会在指令绑定到元素上时被调用。

Vue.directive('array', {
bind: function (el, binding, vnode) {
// TODO: 校验数组
}
})

在bind函数中，我们可以通过binding.value获取到当前元素的v-model数值。接下来，我们需要对该数值进行校验。通常，我们需要检查该数组是否为空，是否包含非法字符或超出指定长度等情况。

Vue.directive('array', {
bind: function (el, binding, vnode) {
var value = binding.value;
var msg = '';
if(value.length === 0) {
msg = '数组不能为空！';
}
if(value.indexOf('!') >= 0) {
msg = '数组不能包含特殊字符！';
}
if(value.length >10) {
msg = '数组长度不能超过10！';
}
if(msg) {
alert(msg);
el.value = [];
}
}
})

在上述代码中，我们对数组进行了三项校验，分别为不能为空、不能包含特殊字符、长度不能超过10。如果校验失败，我们会通过alert进行提示，并将数量重置为空数组。

除此之外，我们还可以使用Vue提供的watch属性对数组进行提交校验。watch属性会在数据变化后执行操作，因此我们可以在该属性中进行数组校验。

Vue.component('my-component', {
template: '
' +
'' +
'
',
data: function () {
return {
myArray: []
}
},
watch: {
myArray: function (newVal, oldVal) {
if(newVal.indexOf('!') >= 0) {
alert('数组不能包含特殊字符！')
this.myArray = oldVal
}
}
}
})

在上述代码中，我们使用了watch属性来监听myArray属性的变化。如果myArray包含特殊字符，则将其重置为上一次的值，同时进行提示。

综上所述，在Vue中，我们可以通过自定义指令或watch属性对数组进行提交校验。无论哪种方法，都可以保证数据的正确性和完整性，让我们在开发中更加放心。