Vue 常用语句

快捷方式创建 Vue 组件模板

新建文件 Login.vue

然后打开文件，并输入 vbase ，再在提示列表中选择 vbase-3-ts-setup，最后按回车确定，此时系统会自动生成以下文本

?

1 2 3 4 5 6 7 8 9 10 11 12 13

<template>     <div>       </div> </template>   <script setup lang="ts">   </script>   <style scoped>   </style>

删除对象数组中的一个对象

?

1 2 3 4

tableData.value.splice(       tableData.value.findIndex((m) => m.id == row.id),       1     )

　批量删除

?

1 2 3 4 5 6

rows.forEach((row) => {          tableData.value.splice(            tableData.value.findIndex((m) => m.id == row.id),            1          )        })

获取选择的行，使用 map 拼接 Id 字符串

?

1 2 3 4 5 6 7

let rows = multipleTableRef.value?.getSelectionRows() as Array<Customer>   if (rows.length == 0) {     ElMessage('请选择需要删除的记录')     return   }   isSaved = false   const ids = rows.map((m) => m.id).join(',')

将对象添加到数据　　

?

1 2	//tableData.value.push(customer) //添加到数组尾部 tableData.value.unshift(customer)//添加到数组起始位置

遍历数组

?

1 2 3

Object.keys(params).forEach((item,index)=>{         })