<script setup lang="ts">
import request from '@/utils/request';
import { ElMessage, ElMessageBox } from 'element-plus';
import type { FormInstance } from 'element-plus'
import { reactive, ref,onMounted } from 'vue';
interface CategoryEntity {
id: number
title: string
parentId: number
children?: CategoryEntity[]
}
const tableData = ref<CategoryEntity[]>([])
const formVisible = ref(false)
const currentId = ref<number | null>(null)
const formRef = ref<FormInstance>()
const form = ref({
title: '',
parentId: 0
})
const data=reactive({
user: JSON.parse(localStorage.getItem('xm-pro-user')||'{}'),//跟自己的文件名一致
title:null,
pageNum:1,
pageSize:5,
total:0,
tableData:[],
form:{},
formVisible:false,
rules:{
title:[
{required:true,message:'请填写分类标题',trigger:'blur'}
],
}
})
const load=()=>{
request.get('/category/selectPage',{
params:{
pageNum:data.pageNum,
pageSize:data.pageSize,
title:data.title
}
}).then(res=>{
if(res.code==='200'){
data.tableData=res.data?.list
data.total=res.data?.total
}else{
ElMessage.error(res.msg)
}
})
}
load()
const handleAdd=()=>{
data.formVisible=true
data.form={}
}
const save=()=>{//在一个保存方法里面做2个操作,一个是新增一个是编辑
data.form.id?update():add()
}
const add=()=>{
formRef.value.validate((valid)=>{
if(valid){//验证通过的话再新增
request.post('/category/add',data.form).then(res=>{
if(res.code==='200'){
data.formVisible
=false
ElMessage.success('新增成功')
load()//新增后重新
加载最新的数据
}else{
ElMessage.error(res.msg)
}
})
}
})
}
const update=()=>{
formRef.value.validate((valid)=>{
if(valid){
request.put('/category/update',data.form).then(res=>{
if(res.code==='200'){
data.formVisible
=false
ElMessage.success('操作成功')
load()//更新后重新
加载最新的数据
}else{
ElMessage.error(res.msg)
}
})
}
})
}
const handleEdit=(row)=>{
data.form=JSON.parse(JSON.stringify(row))//深拷贝一个新的对象用于编辑,就不会影响行对象
data.formVisible=true
}
const del=(id)=>{
//二次确认
ElMessageBox.confirm('删除后无法恢复,确认删除?','删除确认',{type:'Warning'}).then(()=>{
request.delete('/category/deleteById/'+id).then(res=>{
if(res.code==='200'){
ElMessage.success('操作成功')
load()//删除后重新
加载最新的数据
}else{
ElMessage.error(res.msg)
}
})
}).catch()
}
const reset=()=>{
data.title=null
load()
}
为什么会报以下错误
</script>类型“AxiosResponse<any, any>”上不存在属性“code”类型“(msg: any) => unknown”的参数不能赋给类型“MessageParamsWithType”的参数。
不能将类型“(msg: any) => unknown”分配给类型“() => VNode<RendererNode, RendererElement, { [key: string]: any; }>”。
目标签名提供的自变量太少。预期为 1 个或更多，但实际为 0 个。ts-plugin(2345)
本文记录了一次解决ASP.NET中客户端潜在危险错误的过程。通过调整web.config文件中的requestValidationMode设置为2.0，成功解决了发布到4.0版本时出现的验证错误。
扫一扫
5278
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
