Skip to content

Config Provider 全局配置

vue
<template>
  <ql-config-provider>
    ...
  </ql-config-provider>
</template>

qlLocale 属性用于全局国际化配置,组件自带 中(默认)、英 两个语言包,也可扩展其他语言包。

import { zhCn, en } from 'qin-lantern/locale'

国际化配置示例:

ts
export default {
  name: 'zh-cn',
  ql: {
    dialog: {
      confirm: '确认',
      cancel: '取消',
      loading: '请求中',
    },
    paging: {
      loading: '加载中',
      clickMore: '点击加载更多',
    },
    upload: {
      fileSize: '文件大小不能超过',
      uploadError: '上传失败,请稍后重试',
    },
    wizardUpload: {
      upload: '上传',
      preview: '预览',
      imageFormat: '上传文件必须是图片格式',
      videoFormat: '上传文件必须是视频格式',
      drag: '将文件拖拽到此处或点击上传',
      placeholder: '请输入{type}地址,或点击上方上传',
      types: {
        image: '图片',
        video: '视频',
        file: '附件',
      },
    },
    formList: {
      input: '请输入',
      select: '请选择',
      more: '更多信息',
    },
  },
}

API

Attributes

属性名说明类型默认
qlLocale全局国际化配置,默认使用中文object-
qlUpload文件上传配置object-

Attributes