antd vue select下拉框设value没有显示对应title却直接显示出value值

首先我们确信直接原因是antdesignvue没有找到对应值：示例：<a-row span="24" style="padding:5px 10px;"><a-col span="4" style="line-height: 30px;">问题属性</a-col><a-col sp

三个人工作室

3233人浏览 · 2021-01-18 15:24:27

三个人工作室 · 2021-01-18 15:24:27 发布

首先我们确信直接原因是antdesignvue没有找到对应值：
示例：

				<a-row span="24" style="padding:  5px 10px;">
                    <a-col span="4" style="line-height: 30px;">
                      问题属性
                    </a-col>
                    <a-col span="20" style="margin-bottom: 5px">
                      <a-select v-model="form.tmsx" default-value="1" style="width: 100%;" >
                        <a-select-option value="1">
                          111
                        </a-select-option>
                        <a-select-option value="2">
                          222
                        </a-select-option>
                        <a-select-option value="3">
                          333
                        </a-select-option>
                        <a-select-option value="4">
                          444
                        </a-select-option>
                      </a-select>
                    </a-col>
                  </a-row>

this.form.tmsx = 1

检查后发现，select需要string型而不能够是number型
改正：

      this.form.tmsx = '1'

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^