文本展示

---

账号

张三

密码

123456

昵称

三丫子

性别

男

TAntdForm组件提供了文本展示的功能

设置 textShow: true; textValue——显示的文本

<template>
  <t-antd-layout-page>
    <t-antd-layout-page-item>
      <t-antd-form
        :ref-obj.sync="formOpts.ref"
        :labelCol="{ span:4}"
        :wrapperCol="{ span:20}"
        :formOpts="formOpts"
        :widthSize="4"
      />
    </t-antd-layout-page-item>
  </t-antd-layout-page>
</template>

<script>
export default {
  name: 'dhFormDemo',
  data() {
    return {
      // form表单
      formOpts: {
        ref: null,
        formData: {
          account: '张三', // *用户账号
          password: '123456', // *用户密码
          name: '三丫子', // *用户昵称
          sex: '男' // *性别: 0:男 1:女
        },
        fieldList: [
          { label: '账号：', value: 'account', textShow: true },
          { label: '密码：', value: 'password', textShow: true },
          { label: '昵称：', value: 'name', textShow: true },
          { label: '性别：', value: 'sex', textShow: true, textValue: '男' }
        ]
      }
    }
  }
}
</script>

显示代码