当前位置: 首页 > news >正文

在凡科做网站编辑销售找客户的方法

在凡科做网站编辑,销售找客户的方法,漳州网站建设公司首选公司,广州公司地址Vue3ElementUI中的Table组件的使用 校验表格内多个输入框校验 表格滚动到底部 校验 表格内多个输入框校验 注意prop如何写。实现:一旦输入框内部有更改,清空校验;实现:自定义校验错误提示信息样式;实现:在…

Vue3+ElementUI中的Table组件的使用

    • 校验
      • 表格内多个输入框校验
    • 表格滚动到底部

校验

表格内多个输入框校验

  1. 注意prop如何写。
  2. 实现:一旦输入框内部有更改,清空校验;
  3. 实现:自定义校验错误提示信息样式;
  4. 实现:在校验中获取该行数据;
<template><el-table :data="inputTableData" max-height="286"><el-table-column type="index" label="#" align="center" width="80" /><el-table-column prop="name" label="产品名称" align="center" width="180"><template #default="scope"><el-form-item :prop="`${scope.$index}.name`" :rules="inputTableRules(scope.row).name"><el-input type="text" v-model="scope.row.name" @input="clearValidateStatus(scope.$index, 0)"></el-input><template v-slot:error="{ error }"><el-tooltip effect="light" :content="error" placement="top"><el-icon class="custom-error-tip"><WarningFilled /></el-icon></el-tooltip></template></el-form-item></template></el-table-column><el-table-column prop="price" label="price" align="center"><template #default="scope"><el-form-item :prop="`${scope.$index}.price`" :rules="inputTableRules(scope.row).price"><el-input type="text" v-model="scope.row.L" @input="clearValidateStatus(scope.$index, 1)"></el-input><template v-slot:error="{ error }"><el-tooltip effect="light" :content="error" placement="top"><el-icon class="custom-error-tip"><WarningFilled /></el-icon></el-tooltip></template></el-form-item></template></el-table-column></el-table>
</template><script lang="ts" setup>
const inputTableRules = (row) => {return {name: [{ validator: validateInputTableName, rowData: row, trigger: [] }],L: [{ validator: validateNumber, rowData: row, trigger: [] }],A: [{ validator: validateNumber, rowData: row, trigger: [] }],B: [{ validator: validateNumber, rowData: row, trigger: [] }]}
}const clearValidateStatus = (rowIndex, columnIndex) => {let columnLength = 4;let itemIndex = rowIndex * columnLength + columnIndexinputTableRuleFormRef.value.fields[itemIndex].clearValidate();
}
</script>

表格滚动到底部

// 表格滚动到底部
export const tableScrollToBottom = (tableRef) => {if (tableRef) {let maxHeight = tableRef.layout.table.refs.bodyWrapper.firstElementChild.firstElementChild.firstElementChild.clientHeight;tableRef.setScrollTop(maxHeight);}
}
http://www.dt0577.cn/news/20694.html

相关文章:

  • 什么网站做简历比较好域名注册哪个平台比较好
  • 小程序个人开发全过程关键词优化收费标准
  • 凡科做网站有什么用爱站网长尾关键词挖掘工具
  • 建站下载专用网站网站开发月薪多少钱
  • 晋城做网站网页制作用什么软件做
  • 建e网全景图北京优化seo公司
  • 用vs2012做网站电脑培训班
  • 如何用front做网站网页跨境电商平台哪个最好最可靠
  • 老阿姨哔哩哔哩b站肉片入口直播网站seo 优化
  • 300平方别墅装修大约多少钱东莞seo计费
  • 第三方交易平台的建立与操作淄博搜索引擎优化
  • 如何开一家公司流程天津百度seo推广
  • 网站开发相关外文书籍百度广告电话号码是多少
  • 公司网站建设项目目的电商网络销售是做什么
  • 渭南临渭区疫情最新消息湖南有实力seo优化哪家好
  • 做正品的汽配网站郑州疫情最新情况
  • 做免费网站有哪些大数据营销 全网推广
  • 网站地图html模板seo公司培训课程
  • 企业web网站设计百度极速版推广员怎么申请
  • 如何进行网站运营与规划宁德市有几个区几个县
  • WordPress工具站点热狗seo优化外包
  • 做最好的美食分享网站成人厨师短期培训班
  • 导购类网站备案品牌策划公司
  • 免费设计海报的软件桔子seo查询
  • wordpress子目录建站市场营销手段有哪四种
  • 网站建设设计视频2345网址导航主页
  • 哈尔滨模板建站推荐五年级上册优化设计答案
  • 网站注册流程提高网站权重的方法
  • 赤峰网站建设red安卓优化大师新版
  • 自适应网站建设需要注意什么网络营销的整体概念