不能将类型“{ onSubmit: (data: any) => void; }”分配给类型“IntrinsicAttributes”。 类型“IntrinsicAttributes”上不存在属性“onSubmit”。ts(2322)
时间: 2024-04-20 09:27:30 浏览: 28
这个错误通常出现在 React 中。它的意思是你在使用 JSX 时,给组件传递了一个该组件无法接收的属性。在你的情况下,你可能在某个组件中传递了一个名为 "onSubmit" 的属性,但是该组件并没有定义这个属性。解决这个错误的方法是检查你传递给组件的所有属性,并确保它们都是该组件支持的属性。如果你需要在组件中使用这个属性,你可以在组件中添加对应的声明来解决这个错误。
相关问题
const onSubmit = (list: any) => { // router.push(); store.commit("add", list); const index = list.findIndex((item:any)=>item.id===list.id) if(index===-1) { list.push({ ...list }) } else { list[index].num++ } };购物车数量加减报错
根据你提供的代码,报错可能是由于以下原因之一引起的:
1. 变量未声明:请确保在使用变量之前已经声明和初始化了 `store` 和 `router` 变量。
2. `store` 或 `router` 对象不存在:请检查是否正确引入了相关的模块和库,并且确保在使用之前已经正确初始化了这些对象。
3. `store.commit` 方法报错:请确保在调用 `store.commit` 方法时,传入的参数符合对应的规范。你可以查看相关文档或调试代码以找出问题所在。
另外,你提到的购物车数量加减问题,可能与你的逻辑有关。根据你的代码,当 `index` 等于 -1 时,表示列表中不存在相同的 `id`,此时你将整个 `list` 对象添加到列表末尾。然而,你可能想要的是将新的项添加到列表中,而不是整个 `list` 对象。你可以尝试修改代码为:
```javascript
if (index === -1) {
list.push({ ...list, num: 1 });
} else {
list[index].num++;
}
```
这样,在找到相同的 `id` 时,会将对应项的数量加1;否则,会将新的项添加到列表中,并设置数量为1。
希望这些信息能对你有所帮助。如果你还有其他问题,请随时提问!
<template> <el-form :inline="true" :model="formData" class="demo-form-inline"> <el-form-item label="品牌 "> <el-select v-model="formData.name" multiple placeholder="请选择窗口" style="width: 240px"> <el-option v-for="item in options" :key="item.id" :label="item.winname" :value="item.id" /> </el-select> </el-form-item> <el-form-item> <el-date-picker style="width: 260px;" v-model="formData.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" /> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit">查询</el-button> </el-form-item> </el-form> <div id="myChart" :style="{ height: '300px' }"></div> </template> <script setup lang="ts"> import { onMounted, ref, reactive } from 'vue' import * as echarts from 'echarts' import { lendlistApi,windataApi,typeinfoApi} from '@/api/index' import * as dayjs from 'dayjs' import { lowerCase } from 'lodash'; import { type } from 'os'; const formData = reactive({ winids: [], name:'', dateRange: [dayjs().add(-10, 'day').format("YYYY-MM-DD"), dayjs().format("YYYY-MM-DD")] }) const options = ref([]) onMounted(() => { callwindataApi() calltypeinfoApi() }) const calltypeinfoApi = () => { typeinfoApi.select.call().then((res: any) => { console.log(res); options.value = res }) } const onSubmit = () => { console.log(formData.winids.length); callwindataApi() } const callwindataApi = () => { let params = {} if (formData.length != 0) { params.type = formData.type } windataApi.select.call({type :formData.type} ).then((data: any) => { console.log(data) initChart(data) }) } const initChart = (data: any) => { let days = new Set(data.map((item: any) => item.day)) let types = new Set(data.map((item: any) => item.type)) let myChart = echarts.init(document.getElementById("myChart")); console.log(data); myChart.clear() let option = { title: { text: '借用统计' }, tooltip: {}, legend: { data: [...types] }, xAxis: { data: [...days] }, yAxis: {}, series: [] }; for (let type of types) { option.series.push({ name: type, type: 'bar', data: data.filter(p => p.type == type).map(item => item.count) }) } myChart.setOption(option
这是一个使用 Vue.js 和 Echarts 进行数据可视化的示例代码,其中通过调用 API 获取数据,并根据数据绘制柱状图。其中,通过 reactive 和 ref 创建了响应式数据,使用 onMounted 生命周期钩子函数在组件挂载时调用 API 获取数据,使用 initChart 函数将数据绘制成图表。同时,该代码还包括了表单提交和数据筛选等交互功能。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)