<el-input-number v-model="num" :controls="false" :min="1" :max="10" label="描述文字"></el-input-number>添加后置元素

你可以使用 `suffix-icon` 属性来添加后置元素。例如，你可以在 `<el-input-number>` 组件中添加一个图标作为后置元素，如下所示：

<el-input-number v-model="num" :controls="false" :min="1" :max="10" label="描述文字" suffix-icon="el-icon-plus"></el-input-number>

在这个例子中，`suffix-icon` 属性被设置为 `el-icon-plus`，这将在输入框后面添加一个加号图标作为后置元素。你可以根据需要选择不同的图标类名来自定义后置元素。

相关问题

element-plus的表单验证中<el-form-item :label="$t('pages.chanconfig.ip')" :rules="[{validator: validIp, trigger: 'blur'}]" prop="ip" > <el-input-number :min="1" :max="255" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[0]" class="ip-split-input" /> <span class="mx-1">.</span> <el-input-number :min="0" :max="255" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[1]" class="ip-split-input" /> <span class="mx-1">.</span> <el-input-number :min="0" :max="255" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[2]" class="ip-split-input" /> <span class="mx-1">.</span> <el-input-number :min="2" :max="254" step-strictly :controls="false" v-model="cameraDetailsFormData.ip[3]" class="ip-split-input" /> </el-form-item>我写在每个el-form-item的表单验证生效了，但是进行提交的时候为什么不生效

可能是因为你在提交表单时没有调用 `this.$refs.form.validate()` 方法来触发表单验证。你可以在提交表单的方法中加入以下代码：

this.$refs.form.validate((valid) => {
  if (valid) {
    // 表单验证通过，可以进行提交操作了
  } else {
    // 表单验证不通过，不能提交
    return false;
  }
});

这样就可以在提交表单时进行验证了。如果表单验证不通过，则会返回 `false`，阻止表单提交。

vue3+elePlus中，el-table里面有个el-input-number， 代码如下： <el-table-column label="盘点数量" width="170"> <template #default="{row}"> <el-input-number style="width:100%" v-model="row.n_ApplyNum" class="mx-4" :min="1" :max="row.n_Type===2?row.n_Number:90000000" controls-position="right" /> </template> </el-table-column>怎么当row.n_Type===2的时候将数据变成row.n_Number

你可以使用 Vue.js 的条件渲染功能，例如使用 `v-if` 来检查 `row.n_Type` 是否等于 2，如果是，就将 `row.n_ApplyNum` 的值设置为 `row.n_Number`。代码如下：

<el-table-column label="盘点数量" width="170">
  <template #default="{row}">
    <el-input-number
      style="width:100%"
      v-model="row.n_ApplyNum"
      class="mx-4"
      :min="1"
      :max="row.n_Type === 2 ? row.n_Number : 90000000"
      controls-position="right"
    />
    <template v-if="row.n_Type === 2">
      <script>
        row.n_ApplyNum = row.n_Number;
      </script>
    </template>
  </template>
</el-table-column>

注意，这里使用了 `<template>` 元素来包装条件渲染的代码，因为你无法在 `<el-table-column>` 元素内部直接编写 JavaScript 代码。