spring+vue3项目踩坑记录

光影灰翼

已于 2022-10-20 22:26:15 修改

阅读量308

点赞数 2

分类专栏： java vue 文章标签： spring java 后端 vue.js

于 2022-09-24 20:28:59 首次发布

本文链接：https://blog.csdn.net/qq_22524337/article/details/127030338

版权

java 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

idea下载maven heapler插件来解决依赖冲突问题
遇到ClassNotFoundException时可以使用ctrl+n进行全局搜索，找到所需的依赖，然后在当前项目的pom中增加相应版本的依赖
如果增加了数据库相关依赖需要配置数据库，可以除去依赖或者使用@SpringBootApplication(exclude= DataSourceAutoConfiguration.class)注解
使用gateway一些版本时需要增加loadbalancer相关依赖
nacos相关问题见另一个文章
使用springboot的post请求时，如果只有一个参数，最好使用@RequestBody JSONObject json，
使用get请求时使用@ModelAttribute绑定整个Java对象，使用@RequestParam结合一个单一的请求参数
vue3使用代理时别忘了重写
element-ui使用表单校验时 el-form的:model的值要与v-model的值的前缀一致，在例子中为dataForm，并且el-form-item的prop的值要与v-model的值的后缀一致，在例子中为method

<el-form :model="dataForm" :rules="rule" label-width="120px">
        <el-form-item label="烧法" prop="method">
            <el-radio-group v-model="dataForm.method">
                <el-radio label="蒸" />
                ......
            </el-radio-group>

element-ui+vue3使用el-table时：v-slot已经过时，改为下面这种方式

<el-table-column prop="num" label="数量" width="600">
    <template #default="scope">
		<el-input-number v-model="scope.row.num" :min="1" :max="10"></el-input-number>
	</template>
</el-table-column>