
前端Vue
总结前端开发中碰到的问题与解决办法
chuyufengling
这个作者很懒,什么都没留下…
展开
-
Vue中break关键字
可以发现这次case 3 和 case 4均被执行了,并且由于在case 3中数据已经被筛选成case 3的数据,因此在经过case 4时,数据再经过一次过滤,data就变成空。以上代码是实现下拉列表切换数据的功能,这里有一个地方需要注意,也就是每一个case都要对应一个break。下面这段代码,case "3"中没有break关键字。原创 2024-01-04 14:56:25 · 849 阅读 · 0 评论 -
Vue计时器的使用
【代码】Vue计时器的使用。原创 2024-01-04 14:54:01 · 613 阅读 · 0 评论 -
Vue从数组中取出数据并以key-value结构存储
这个属性是Vue.js内部使用的,用于实现数据的响应式追踪和观察。我想将其中的 id和name属性取出来,并以key-value结构放入集合中。由于这种后端传过来的数据对象是Vue.js的响应式对象,并且包含一个名为。属性,并以key-value结构保存到一个新的数组中,需要先使用。函数来遍历每个值,提取所需的属性。对象中的所有值,并使用。原创 2023-12-24 19:31:53 · 1210 阅读 · 0 评论 -
Vue在页面上添加水印
【代码】Vue在页面上添加水印。原创 2023-12-24 19:28:31 · 1058 阅读 · 1 评论 -
Vue前端下拉列表的实现
【代码】Vue前端下拉列表的实现。原创 2023-08-18 17:18:53 · 315 阅读 · 0 评论 -
Postman发送get请求携带中文参数问题
解决办法:选中中文参数,右键选择编码EncodingUrlComponent即可。原创 2023-07-26 18:11:50 · 903 阅读 · 0 评论 -
Vue标题的居中对齐
在标题引入自己写的属性center,然后在center中进行配置即可。原创 2023-07-28 20:28:30 · 539 阅读 · 0 评论 -
1.后端将数据传给前端并展现
我通过前端发送id,查询返回得到的数据类型如下,其中Object中是我想要的数据,数据格式为{“key1":"value1","key2":value2,……Promise从语法上来说是一个构造函数,从功能上来讲,用Promise的实例封装异步操作并获取数据。我们需要通过Promise.then方法获取数据,并且我想把这个Object数据放在一个数组中,tableData:[{}],因此就要想办法取出Object数据,这样就可以把数据放在tabledata中了。原创 2023-07-24 11:12:32 · 799 阅读 · 0 评论 -
前端页面出现415 Unsupported Media Type异常
charset=UTF-8'这种格式,这里说明前端像后端发送的是这种格式的数据,而我的后端需要接收的是'Content-Type': 'application/json;charset=UTF-8',也就是json格式的数据。经过排查发现,是前端页面的拦截器出现了问题,我向后端发送的请求,经过拦截器拦截后,没有走'Content-Type': 'application/json;charset=UTF-8'这个逻辑,所以报错了。我使用postman测试,没有问题,但是使用前端页面发送请求就不行。原创 2023-09-01 18:56:27 · 1032 阅读 · 0 评论 -
前端mounted的使用
今天完成了一个前端的需求,将前端页面的固定值换成从后端查询的值,后端的接口已经写好,主要是前端的编写。原创 2023-09-15 09:37:53 · 1406 阅读 · 0 评论 -
前端发送一个 DELETE 请求到指定的后端接口
方法发送 DELETE 请求,并将配置信息传递给它,该函数会返回一个 Promise 对象,可以使用。,用于发送 DELETE 请求到指定的后端接口,并将要删除的任务的 ID 作为请求的数据传递给后端。方法来处理请求的响应结果。简而言之,这段代码的作用是封装了一个函数。方法接受一个对象作为参数,其中包含了请求的配置信息。,用于发送一个 DELETE 请求到指定的后端接口。,这个参数是一个数组,用于存储要删除的任务的 ID。方法发送了一个 DELETE 请求。这段代码是一个前端的函数,名为。原创 2023-09-05 10:53:15 · 1216 阅读 · 0 评论 -
Vue画图时,没数据
最近开发碰到了这样一个问题,我的Vue上画了图形,其中画图函数中需要利用到后端查询过来的数据,这个时候,图形可能没有数据,因为在Vue中,有可能图形先画出来,此时后端的数据还没有传过来。原创 2023-09-26 21:09:11 · 80 阅读 · 0 评论 -
Vue页面跳转
(根据自己文件路径进行调整)原创 2023-09-15 09:32:02 · 3161 阅读 · 0 评论 -
Vue的浅拷贝与深拷贝
edit(row){ //JSON.parse(JSON.stringify(row)) 深拷贝 this.$data.contract=JSON.parse(JSON.stringify(row)) }scopre.row方法是得到这一行的数据。原创 2023-09-05 10:56:12 · 126 阅读 · 0 评论 -
<el-dialog>窗口中显示<el-popover>
【代码】<el-dialog>窗口中显示<el-popover>原创 2023-09-15 09:26:58 · 355 阅读 · 0 评论 -
click函数弹窗
click"submitForm,diaglogFormVisible=false",不能同时写,应该将dialogForm写到submitForm函数里边,否则submitForm失效。原创 2023-09-15 09:31:02 · 119 阅读 · 0 评论 -
开发前端下拉列表功能
其中data为从后端得到的完整数据,data1为data的备份。原创 2023-09-05 10:55:20 · 280 阅读 · 0 评论 -
在页面上用卡片展示数据
是CSS中的一个属性,用于创建一个弹性盒子容器。它将容器的子元素(即卡片组件)排列在一个水平线上,并根据需要进行自动调整。在页面上用卡片展示数据时候,碰到一个问题,一行上卡片数量比较多,导致卡片内容看不清,因此要允许卡片能够自动换行。是用于设置弹性盒子容器中的子元素如何换行的属性。默认情况下,flex-wrap。时,子元素会在容器的水平方向上自动换行,以适应容器的宽度。,即子元素不会换行,会一直在同一行上显示。的值为 nowrap。原创 2023-09-15 09:24:23 · 301 阅读 · 0 评论