(callback?: (isValid: boolean, invalidFields?: ValidateFieldsError) => void) =>Promise<boolean>
这是element-plus文档里的这个代码,第一个?: 是什么意思?
不知道你这个问题是否已经解决, 如果还没有解决的话:<template>
<div>
<el-button @click="look">查看</el-button>
<image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="imgUrl" />
</div>
</template>
<script>
// 导入组件
import imageViewer from 'element-ui/packages/image/src/image-viewer'
export default {
components: { imageViewer },
data() {
return {
showViewer: false, // 显示查看器
imgUrl: ['https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg']
}
},
methods: {
look() {
this.showViewer = true
},
// 关闭查看器
closeViewer() {
this.showViewer = false
}
}
}
</script>
是一个函数类型定义,具体来说:
这是一个函数类型,它接受一个可选的回调函数(callback)作为参数。
回调函数接受两个参数:一个布尔值(isValid)表示验证是否通过,另一个是可选的包含错误信息的对象(invalidFields)。
这个函数返回一个Promise,Promise的resolve值是一个布尔值(true表示验证通过,false表示验证失败)。
简单来说,这个函数类型定义描述了一个接受回调函数作为参数的函数,该回调函数处理验证结果(通过或未通过),并返回一个Promise来表示异步操作的完成。这种类型的函数通常用于表单验证等场景。
看样像表单校验