element-ui 表单v-if 很多人会遇到无法验证的问题，网上很多是在el-form-item标签前加一个div然后把v-if拿到div上去像这样

<div v-if="addchannel.region=='postgresql'||addchannel.region=='mongodb'||addchannel.region=='mysql'||addchannel.region=='influxdb'"

            class="notlastchildren notline">

              <el-form-item

            :label="addchannel.region+'密码'"

            label-width="200px"

            prop="postgresqlpassword"

            :rules='[

              {required:true,message:"密码不能为空",trigger: "blur"}

              ]'

          >

            <el-input

              :type="pwdType"

              placeholder="密码"

              v-model="addchannel.postgresqlpassword"

              class="notauto readonly"

              readonly

            >

              <template slot="append">

                <span class="show-pwd" @click="showPwd">

                  <svg-icon :icon-class="isopen" />

                </span>

              </template>

            </el-input>

          </el-form-item>

</div>

这样也有可能不行，其实再套一层div就可以了

<div v-if="addchannel.region=='postgresql'||addchannel.region=='mongodb'||addchannel.region=='mysql'||addchannel.region=='influxdb'"

            class="notlastchildren notline">

            <div>

              <el-form-item

            :label="addchannel.region+'密码'"

            label-width="200px"

            prop="postgresqlpassword"

            :rules='[

              {required:true,message:"密码不能为空",trigger: "blur"}

              ]'

          >

            <el-input

              :type="pwdType"

              placeholder="密码"

              v-model="addchannel.postgresqlpassword"

              class="notauto readonly"

              readonly

            >

              <template slot="append">

                <span class="show-pwd" @click="showPwd">

                  <svg-icon :icon-class="isopen" />

                </span>

              </template>

            </el-input>

          </el-form-item>

            </div>

</div>

最新文章

  1. LintCode Minimum Path Sum
  2. 如何用linux命令查看nginx是否在正常运行
  3. js 日期处理，json处理
  4. jQuery源代码学习之五——jQuery.when
  5. 【Java基础】分支结构（1）
  6. Merge Intervals
  7. currentRowChanged 的注意事项
  8. 用Java集合中的Collections.sort方法对list排序的两种方法
  9. 【MySQL】MySQL for Mac 环境变量的配置
  10. wireshark筛选器汇总
  11. 【斜率DP】BZOJ 3675:[Apio2014]序列分割
  12. java内存模型 年轻代/年老代 持久区
  13. Onlylady介绍
  14. 如何打一个FatJar（uber-jar）
  15. 【Maven】添加ueditor到maven本地仓库
  16. &lt;script src=&quot;xxx.php&quot;&gt;&lt;/script&gt;
  17. 最优装载—dp
  18. webpack打包经验——处理打包文件体积过大的问题
  19. 观光公交 [NOIP 2011] [思维推导]
  20. 调用zabbix 分组api

热门文章

  1. K 均值算法-如何让数据自动分组
  2. keeplived高可用集群
  3. Python函数的关键字参数
  4. 转：Chrome浏览器查看网站登录 Cookie 信息的方法
  5. PyQt(Python+Qt)学习随笔：QAbstractItemView的selectionMode属性
  6. PyQt(Python+Qt)学习随笔：Designer中PushButton按钮flat属性
  7. PyQt(Python+Qt)学习随笔：gridLayout的layoutRowStretch和layoutColumnStretch属性
  8. Flutter &#183; Python AI 弹幕播放器来袭
  9. Gradle上传依赖到私服（nexus)
  10. 前端webSocket和后台php