ant-design-vue/components/modal/demo/locale.md

1.0 KiB

#### 国际化 设置 `okText` 与 `cancelText` 以自定义按钮文字。 #### Internationalization To customize the text of the buttons, you need to set `okText` and `cancelText` props.
<template>
  <div>
    <a-button type="primary" @click="showModal">Modal</a-button>
    <a-modal title="Modal" v-model="visible" @ok="hideModal" okText="确认" cancelText="取消">
      <p>Bla bla ...</p>
      <p>Bla bla ...</p>
      <p>Bla bla ...</p>
    </a-modal>
    <br />
    <br />
    <a-button @click="confirm">Confirm</a-button>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        visible: false,
      };
    },
    methods: {
      showModal() {
        this.visible = true;
      },
      hideModal() {
        this.visible = false;
      },
      confirm() {
        this.$confirm({
          title: 'Confirm',
          content: 'Bla bla ...',
          okText: '确认',
          cancelText: '取消',
        });
      },
    },
  };
</script>