随笔分类 - Vue
摘要：1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~
阅读全文
摘要：vue2.x <el-table-column label="测试" align="center" prop="ce"> <template slot-scope="scope"> <span>{{scope.row.ce}}</span> </template> vue3.x <el-table-
阅读全文
摘要：具体代码 <template> <el-form :model="form" :rules="rules" ref="ruleFormSSS" label-width="120px"> <el-form-item label="用户姓名" prop="name"> <el-input v-model
阅读全文
摘要：问题描述 使用router进行页面跳转时，就出现了这样的问题： 也就是这里出现了问题： 问题解决 本来是按照网上的教程： const _this=this; 但是，但是，我本来就是用的这种方法呀~ 然后就打算直接在这个界面引用： import router from '@/router' route
阅读全文
摘要：1、get和post请求 //get：查询数据 axios.get(url).then(ret=>{ //data属性名称是固定的，用于获取后台响应的数据 console.log(ret.data) }) //get传参 axios.get('abc?id=5').then(ret=>{ //dat
阅读全文
摘要：问题描述 vue前端能够获取到array数据，模式如图： echarts图表不能显示数据； 问题解决 原来是异步数据加载的问题，这会与之前得同步数据得加载有点儿不同，我一开始为了加强灵活性，就直接将获取SpringBoot数据和创建图表分别封装在两个方法里面，这也是导致图标渲染失败得主要原因； 看网
阅读全文
摘要：问题描述 我就是按照特别正常的操作进行引用，但是就一直显示axios的get未定义； 问题解决 本来我是使用的this.$axios.get，引用的全局变量， 然后直接改成这样（在该vue界面定义的import，没有使用全局变量）： 就能解决这个问题啦！
阅读全文
摘要：1、新建一个vue项目 使能够正常访问浏览器的页面； 2、引入echarts模块 使用命令： npm install echarts --save 等待下载完成： 3、在main.js里面引用echarts模块 原来： 加上echarts之后： 命令代码： import echarts from '
阅读全文
摘要：问题描述 本来按照网上的教程说是想要定义一个全局变量，就不需要在每个需要用到echarts组件的vue页面里面重新定义了， 直接使用就行，然后就报错了； 问题解决 我觉得应该是我的全局变量定义错误了，但是吧，我就直接改成在该vue页面定义了它，然后再使用： 就没有再使用到那个全局变量，直接这样就通过
阅读全文
摘要：问题描述 在我引入echarts模块之前是ok的，引入之后就启动失败了； 问题解决 一般情况下，都是该项目的版本与本机cmd里面的版本不对应导致的； 只需要使用这个命令npm upgrade，更新版本，一直yes下去，就能够解决这个问题啦！
阅读全文
摘要：1、查看页面形式 2、使用element-plus组件为添加页面引入form表单 成功引入form表单组件： 3、更改成自己需要的形式 4、测试是否可以拿到文本框的数据 拿到数据啦！！（记得vue3这里： console.log(form) //不要写this ```） # 5、vue界面的添加代码
阅读全文
摘要：问题描述 使用vue3执行数据添加操作时，发现了这个错误，使用测试按钮拿文本框数据，一直报错拿不到： 问题解决 原来是vue2在执行这个操作时： 里面放this.form; 而vue3在执行这个操作时， 里面放的却是：form
阅读全文
摘要：1、成果--实现啦！ 2、vue端相关代码 表格界面： <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid
阅读全文
摘要：问题描述 SpringBoot端能够完美实现，然后想要将数据库数据以表格形式在vue3的界面显示，却没成功 问题解决 有时从后台获取到的数据为空即为null值得类型，这时不论赋值到哪里，都会由于类型不相符合报错，只需要这样改： 加上一个if语句进行判断，排除掉那种赋值错误的情况就行啦！
阅读全文
摘要：以table表格进行数据展示 Vue端 在PageOne界面进行组件引入： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt
阅读全文
摘要：在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错；
阅读全文
摘要：1、新建一个SpringBoot项目 勾选上这四个： 等待创建完成即可； 2、编写.yml文件 这里需要注意的是，端口需要与vue的端口区分开，不然会存在端口冲突的问题！ 3、编写SpringBoot代码 Student.java package com.example.myspring001.en
阅读全文
摘要：1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签，动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果： 2、为页面设置选中状态--此时点击选中是有状态的，但是初始
阅读全文
摘要：1、右侧内容的显现 右侧内容由el-main标签包围，需要在里面填上： 内容才能成功显现！ 2、路由所在 不仅仅要在APP.vue里面放路由： 还要在Index.vue里面放置： 初学小白找这个错误找了好久！
阅读全文
摘要：问题描述 导航栏一同受到一个操作的影响； 问题解决 使用index参数进行解决： 注意点： 1、 index的参数在item后面； 2、 index参数在遍历时，需要转换成字符串类型；
阅读全文
浙公网安备 33010602011771号