草庐IT

springboot_vue

全部标签

javascript - Vue JS 返回 [__ob__ : Observer] data instead of my array of objects

我创建了一个页面,我想在其中通过API调用从数据库中获取我的所有数据,但我对VueJS和Javascript也有点陌生,我不知道我在哪里弄错了。我确实使用Postman对其进行了测试,我得到了正确的JSON。这是我得到的:[__ob__:Observer]length:0__ob__:Observer{value:Array(0),dep:Dep,vmCount:0}__proto__:Array这就是我想要的:(140)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…

javascript - 在 Vue.js 中包含全局函数

在我的Vue.js应用程序中,我想要一些全局函数。例如,每次我需要访问数据时都可以调用的callApi()函数。包含这些函数以便我可以在我的所有组件中访问它们的最佳方法是什么?我应该创建一个文件functions.js并将其包含在我的main.js中吗?我应该创建一个Mixin并将其包含在我的main.js中吗?有更好的选择吗? 最佳答案 我有一个功能类似于func.js的文件像下面一样exportconstfunc={functionName:(data)=>{returnsomething}}在main.js中添加2个字符串im

学习Vue3 第二十五章(TSX)

小满Vue3(第二十五章tsx&vite插件)_哔哩哔哩_bilibili 视频教程完整版用法请看 @vue/babel-plugin-jsx-npm我们之前呢是使用Template去写我们模板。现在可以扩展另一种风格TSX风格vue2的时候就已经支持jsx写法,只不过不是很友好,随着vue3对typescript的支持度,tsx写法越来越被接受1.安装插件npminstall@vitejs/plugin-vue-jsx-Dvite.config.ts配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importv

javascript - Vue js 在输入字段中对 v-model 应用过滤器

希望有人能帮助我!我已经制定了一个指令来包装JasnyBootstrap插件,更具体地说是输入掩码,一切顺利!现在我做了一个moment支持的自定义过滤器来格式化日期字段!我从后端应用程序收到的日期格式是YYY-MM-DD,我必须在View中显示为DD/MM/YYYY...我试过v-model="date|myDate"但它没有正常工作!JSVue.directive('input-mask',{params:['mask'],bind:function(){$(this.el).inputmask({mask:this.params.mask});},});Vue.filter('m

【我用ChatGPT学编程】Vue-Router中history模式Nginx部署后刷新404的问题

前言作为一个码农我们都知道ChatGPT实际上是一个十分好用的代码工具,它使用了MarkDown语法更符合我们的习惯,并且可以根据语义理解问题并且给出多种解决方案,所以这个系列就是用ChatGPT来给出对于在coding时遇到的各种Bug。ChatGPT似乎可以变成一个带我的老师,让我在解决问题的途中少走弯路。解决方案问题剖析在VueRouter中使用history模式时,在刷新页面时,Nginx服务器将尝试从其文件系统中查找URL路径,而不是将请求发送到您的Vue应用程序。具体解决方案需要在Nginx中配置一个反向代理,以便将所有请求发送到Vue应用程序的入口点。下面是一个Nginx配置示例

php - Laravel Vue - 在 json 响应上获得 Eloquent

我正在尝试构建一个基本的LaravelVue评论系统以学习这两者。现在我正在尝试显示特定帖子文章的所有评论。我的Controller返回json_response。publicfunctioncomments(Post$post){returnresponse()->json($post->comments);}一切正常,我使用Axiosget方法得到以下json响应。[{"id":1,"post_id":1,"user_id":1,"body":"PostComment1","created_at":null,"updated_at":null,"deleted_at":null},

Springboot集成neo4j实现知识图谱关系图

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、neo4j是什么?二、安装步骤1.启动2.使用2.简单命令二、使用springboot集成neo4j1.引入依赖2.功能实现3.查询关系节点4.查询指定评委和指定选手中,存在指定关系,并返回关系集合前言使用neo4j来完成人员关系公司项目有一个功能需要将各个人员关系列出,在参加评选的时候,进行展示和筛选一、neo4j是什么?neo4j是高性能的NOSQL图形数据库,在neo4j中,社区版本只能使用一个database。在neo4j中不存在表的概念,我们只需要注意两个东西,一个是节点,一个是关系。不同节点和相同节点都

vue3里如何使用naive ui的useMessage

一、前言之前在用naiveui的表格组件的时候,我引入了个useMessage,当时不够熟悉data-table组件和vue3语法,还以为是我写错了,后面我按照官网给的例子引入,发现一直获取不到。所以专门开了一期,来稍微讲讲useMessage组件。二、错误示范我先举一下当时我的错误例子首先我在xx.vue文件里引入了import{useMessage}from'naive-ui'然后我在setup函数里,调用了下面这两个语句constmessage=useMessage()message.info(`Play`)到这里我还是觉得很正常,我引入了一个东西,然后我调用它生成了message变量,

springboot整合WebSocket

springboot整合WebSocketWebSocket通信过程客户端构建一个websocket实例,并且为它绑定一个需要连接到的服务器地址,当客户端连接服务端的候,会向服务端发送一个httpget报文,告诉服务端需要将通信协议切换到websocket,服务端收到http请求后将通信协议切换到websocket,同时发给客户端一个响应报文,返回的状态码为101,表示同意客户端协议转请求,并转换为websocket协议。以上过程都是利用http通信完成的,称之为websocket协议握手(websocketProtocolhandshake),经过握手之后,客户端和服务端就建立了websoc

【开源】基于Java+SpringBoot+Vue+ElementUI的超市管理系统

目录系统背景系统总体设计运行环境技术选型系统架构系统用例系统详细设计系统功能截图首页统计RBAC权限管理商品管理订单管理销量统计售后订单收银系统商品采购供应商管理采购统计系统核心功能设计RBAC权限设计逻辑删除EXCEL数据导出功能EXCEL数据导入功能SQL监控MD5加密RESTful架构风格数据存储设计模型图表结构获取源码文章末尾免费获取源码、软件和教程~系统背景最初的超市资料管理,都是靠人力来完成的。但近几年我国超市经营规模日趋扩大,销售额和门店数量大幅度增加,而且许多超市正在突破以食品为主的传统格局,向品种多样化发展。小型超市在业务上需要处理大量的库存信息,还要时刻更新产品的销售信息,