前端查询前校验该输入的字段是否能够进行查询

admin2024-04-03  0

前端查询前校验该输入的字段是否能够进行查询

  • 一、使用数组与循环的组合
  • 二、正则与正则方法的结合

一、使用数组与循环的组合

<template>
  <el-form :inline="true" :model="form" class="demo-form-inline">
    <el-form-item :label="t('lables.name')">
      <el-input
        v-model="form.name"
        placeholder="请输入字段名称"
        clearable
      />
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="query">{
   {
   
        t('action.query')
      }}</el-button>
    </el-form-item>
  </el-form>

  <el-table :data="tableData" border style="width: 100%">
    <el-table-column prop="name" :label="t('lables.name')" />
    ...
  </el-table>


</template>

<script lang="ts">
import {
   
  defineComponent,
  reactive,
  ref,
} from 'vue';
import 
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!