Prompt 输入窗

基础用法

<template>
  <div>
    <plv-button @click="openPrompt">打开</plv-button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        videoTitle: '这是个视频名称'
      };
    },
    methods: {
      async openPrompt() {
        const newTitle = await this.$prompt({
          title: '修改回访视频',
          label: '视频名称',
          placeholder: '请输入视频名称',
          inputOptions: {
            showLengthLimit: true,
            maxlength: 30
          },
          defaultValue: this.videoTitle,
          inputValidator: (value) => {
            if (!value) { return '视频名称为必填'; }
            return true;
          }
        });
        this.videoTitle = newTitle;
      }
    }
  };
</script>

显示代码

Attributes

关于弹出窗的参数与 Dialog 一致。

参数	说明	类型	可选值	默认值
label	输入框名称	String	-	-
label-width	输入框名称长度	String	-	-
placeholder	输入框占位符	String	-	-
defaultValue	打开输入框后默认输入值	String	-	-
inputOptions	输入框其他参数，详细见 Input 文档	Object	-	-
inputValidator	校验函数	Function	-	-