Vue 常用语句
快捷方式创建 Vue 组件模板
新建文件 Login.vue
然后打开文件,并输入 vbase ,再在提示列表中选择 vbase-3-ts-setup,最后按回车确定,此时系统会自动生成以下文本
<template> <div> </div> </template> <script setup lang="ts"> </script> <style scoped> </style>
删除对象数组中的一个对象
tableData.value.splice( tableData.value.findIndex((m) => m.id == row.id), 1 )
批量删除
rows.forEach((row) => { tableData.value.splice( tableData.value.findIndex((m) => m.id == row.id), 1 ) })
获取选择的行,使用 map 拼接 Id 字符串
let rows = multipleTableRef.value?.getSelectionRows() as Array<Customer> if (rows.length == 0) { ElMessage('请选择需要删除的记录') return } isSaved = false const ids = rows.map((m) => m.id).join(',')
将对象添加到数据
//tableData.value.push(customer) //添加到数组尾部 tableData.value.unshift(customer)//添加到数组起始位置
遍历数组
Object.keys(params).forEach((item,index)=>{ })