element表格<el-table>当某一格为空值时,用符号 ‘--‘ 代替

   <el-table-column
      label="类型" 
      width="75" >
      <template slot-scope="scope">{{scope.row.name?scope.row.name:'--'}}</template>
    </el-table-column>
  • 9
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
你可以使用 Element UI 中的表单验证功能来实现该需求。具体实现步骤如下: 1. 在 el-form-item 标签上添加 prop 属性,该属性用于标识当前表单项的唯一标识符。 2. 在 el-form-item 标签上添加 rules 属性,该属性是一个数组,用于设置当前表单项的验证规则。 3. 在 rules 数组中添加一个对象,该对象中包含一个 required 属性,该属性的值设置为 true,表示当前表单项必填。 4. 在 el-input 组件上添加 @blur 事件,在该事件中调用表单的 validateField 方法来触发当前表单项的验证。 5. 在 el-form-item 标签上添加 :error 属性,该属性用于控制当前表单项是否验证通过,当验证不通过,该属性设置为 true,此表单项下方会出现红色的提示信息。 示例代码如下: ``` <el-row> <el-col :span="24"> <el-form-item label="模板名称" prop="name" :rules="[{ required: true, message: '请输入模板名称', trigger: 'blur' }]"> <el-input v-model="form.name" placeholder="请输入模板名称" @blur="$refs.form.validateField('name')" :error="$refs.form.fields.name.error"></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="分组名称" prop="groupId" :rules="[{ required: true, message: '请选择分组名称', trigger: 'blur' }]"> <treeselect v-model="form.groupId" :options="groupOptions.length ? groupOptions[0].children : []" :normalizer="normalizer" placeholder="请选择分组名称" @blur="$refs.form.validateField('groupId')" :error="$refs.form.fields.groupId.error"></treeselect> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="分辨率" prop="resolution" :rules="[{ required: true, message: '请输入分辨率', trigger: 'blur' }]"> <el-select @change="handleResolutionChange" v-model="form.resolution" placeholder="请输入分辨率" @blur="$refs.form.validateField('resolution')" :error="$refs.form.fields.resolution.error"> <el-option v-for="it in resolutionList" :key="it" :label="it" :value="it" /> </el-select> </el-form-item> </el-col> </el-row> ``` 其中,$refs.form.validateField('name') 表示调用表单的 validateField 方法来验证名称表单项;$refs.form.fields.name.error 表示当前名称表单项是否验证不通过。其他表单项类似。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值