element-plus form多级字段校验丨技术开发分享录

element-plus form多级字段校验

%{ detail.nickname }

转载翻译 %{ formatTime(detail.create_time) } 字数 %{ detail.content && detail.content.length } 阅读 %{ detail.read_num } [私密] 编辑笔记

const rules = reactive({
    // 方式1
    // "extra.nameVar": [{ required: "true", message: "请填写名称多语言变量" }]

    // 方式2
  extra: {
    nameVar: [{ required: "true", message: "请填写名称多语言变量" }],
  }
})

<!-- 方式1 -->
<!-- <el-form-item label="名称多语言变量" prop="extra.nameVar"> -->

<!-- 方式2 -->
<el-form-item label="名称多语言变量" :prop="['extra', 'nameVar']">
  <el-input
    v-model="menuDialog.form.extra.nameVar"
    type="text"
    autocomplete="off"
    clearable
  />
</el-form-item>

PS：写作不易，如要转裁，请标明转载出处。

%{ comment.page.total }条评论

%{ v }