学海无涯

导航

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)=>{
    
  })

  

  

 

posted on 2023-03-17 16:22  宁静致远.  阅读(67)  评论(0编辑  收藏  举报