logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue+element的表格中批量删除功能

记录一下实现“批量删除”需要注意的问题页面效果表格代码data中代码如下data() {return {tableData: [],tableChecked:[],//被选中的记录数据-----对应“批量删除”传的参数值ids:[],//批量删除id};},在method中添加handle...

使用Element时 默认勾选表格toggleRowSelection

页面效果:在页面初始化加载时将表格中某行默认选中使用方法:toggleRowSelection方法名说明参数toggleRowSelection用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中)row, selectedtable表格渲染<el-table :data...

使用element中el-table获取值(一)

1、后台返回数据类型若有数组2、页面部分<el-table-column align="center" prop="idCard" label="身份证号" width="250"></el-table-column><el-table-column

Element-ui 移除表单校验 clearValidate和resetFields

一、clearValidate 移除表单校验 初始化 一般用于添加form 表单修改时,点击“确定”按钮,提示 “金额不能为空”rules: {oneUpAmount: [{ required: true, trigger: 'blur', message:'金额不能为空'},{ pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0

element中获取选中行元素的ID

页面效果:接口说明使用table中selection-change方法获取当前记录的信息,去重获取选中记录的id@selection-change=“handleSelectionChangePeople”handleSelectionChangePeople(val){console.log("人员信息val-",val);this.multipleSel...

Vue,element-ui中Select组件创建新选项

1、页面效果2、使用3、实现<el-select class="width100" v-model="form.nowname" clearable multiple filterable allow-create default-first-option placeholder="输入修改后的文件名,用回车添加"><el-option v-for="item in newNam

解决“element表单验证输入的数字检测出来是string”的问题

form表单:校验规则:注意:一、数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符。二、校验中是否添加“trigger: ‘blur’ ”,对操作没有影响...

Element-Ui input只允许输入数字和两位小数

方法一1、页面效果2、form表单<el-form-item label="审计价格(元)" prop="auditPrice"><el-input v-model="form.auditPrice"oninput="value=value.replace(/[^0-9.]/g,'')"placeholder="请输入审计价格" /></el-form-item&gt

#正则表达式
Vue 自定义全局Loading组件

自定义标题1、页面效果2、思路3、Loading.vue 组件4、loading文件夹下的 index.js5、在main.js中注册6、引用1、页面效果2、思路在component文件夹下新建loading文件夹,用于存放Loading.vue,index.js 和其他依赖文件3、Loading.vue 组件<template><div class="lo...

Vue2.0搭建vue脚手架(入坑记录)

安装node.js从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应版本号,就说明安装成功了。我们所需要的npm包管理器,是集成在node中的,所以,直接输入npm -v就会如下图所示,显示出npm的版本信息。安装cnpm直接在命令行输入:$ npm install -g cnpm ...

    共 39 条
  • 1
  • 2
  • 3
  • 4
  • 请选择