浏览器中文翻译 vue 问题
<meta name="google" content="notranslate">
图片引入存在变量 使用 require 方法
<img :src="url"/>
url: require('@/assets/img/common/gxbX.png')
vue数字框
<el-input-number v-model="" :precision="" :controls="false" :min="" :max="" placeholder=""></el-input-number>
controls 是否展示按钮
precision 小数点后几位
对于四个form进行promise封装进行同时验证
handleSave(formData) { // 保存操作
let formArr=['formData1','formData2','formData3']//三个form表单的ref
var resultArr=[] //用来接受返回结果的数组
var _self=this
function checkForm(formName) { //封装验证表单的函数
var result = new Promise(function(resolve, reject) {
_self.$refs[formName].validate((valid) => {
if (valid) {
resolve();
} else { reject() }
})
})
resultArr.push(result) //push 得到promise的结果
}
formArr.forEach(item => { //根据表单的ref校验
checkForm(item)
})
Promise.all(resultArr).then(values => {
this.submitForm() // 此时必填完成，做保存后的业务操作
}).catch( _ => {
console.log('err')
})
},
}
