若依框架vue前端无法将response里返回的值赋到input框里显示的问题

最新推荐文章于 2024-04-02 11:12:18 发布
最新推荐文章于 2024-04-02 11:12:18 发布
阅读量259 收藏
点赞数
文章标签： 前端 java vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63524137/article/details/131411873
版权

今天写了一个功能就是从另一个表里查询数据，将这个数据的值赋给我现在要显示的另一个表的input框里：大概是这个样子：

（这三个信息都是来自另一个表的数据）

但是在开发过程中始终不显示，后台输出的response里数据都是有的，赋值也没问题

后来发现的问题是在data里我虽然定义了form：{}

但是这三个字段因为是外来数据，所以需要在这个form里定义一下：

然后就解决了！

 

一昂阳1123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
若依框架VUE前端界面，登录后默认跳转至动态路由第一路由（第一个子菜单）
02-03
若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态...
vue中拿到接口，并获取数据，渲染到页面
热门推荐
lyclyc_的博客
11-22 4万+
首先index.html完成的是单页面展示，app.vue里面已经写了视图出口， 例如;先新建一个role.vue页面，写上相应的布局和内容，然后在路由中添加这个页面。 然后开始写渲染数据的方法 前提，封装好了获取数据的api接口,并在main,js中注册到了原型。 然后在 1，首先在api中获取接口， 2，在utils中封装http请求的get 和post方法，并注册到原型 import axios from "axios" // 添加一个请求拦截器，回调函数会在发出请求时执行 // conf
vue使用render函数将文字里的数字替换成input框
z1034243392的博客
06-24 1151
使用render函数
若依框架在swagger文档中无法显示响应参数和响应示例的问题
最新发布
m0_50707445的博客
04-02 477
若依
Vue + element ui 实现后台数据渲染到下拉框选项中，同时将input框与下拉框联动，select选定之后，input显示对应的值
Liuliu_x的博客
04-28 1万+
实现过程： 使用element 的select以及input输入框 <el-form-item label="Mid" prop="mid"> <el-select filterable v-model="form.mid" placeholder="请选择" > <el-option v-for="item in midList" :key="item.value" :label="item
vue2.x 使用axios方法获取api接口中的数据并渲染到页面上，附api接口获取渠道
weixin_46353030的博客
02-21 8395
一、安装和引入axios npm install axios -S 在main.js中引入 import Axios from 'axios' Vue.prototype.axios = Axios //全局注册，使用方法为:this.$axios 二、获取api接口数据 方法一 data() { return { dataapi: [], }; }, mounted: function () { var that = this; this.ax
原生VUE获取后台JSON数据无法赋值给data中的变量的问题
weixin_56861492的博客
08-12 2047
原生VUE获取后台JSON数据无法赋值给data中的变量的问题
VUE事件赋值，第一次赋值不成功
qq_39445235的博客
05-05 1394
调用change事件，第一次给字段赋值没有效果，或者点击其他输入框在赋值成功。使用this.$set(object, index, new) 给年龄赋值14。方法一：$forceUpdate() 全局强制刷新 （不推荐）参数一：你要改变的数组或对象 ，eg： this.model。方法二：this.$set() 指向性强制刷新 （推荐）参数二：下标，或者元素名称 eg: name。参数三：得到的新的值 eg: 14。比如有一个model对象。：vue强制更新数据。
vue中渲染接口返回的html标签及标签上绑定事件处理
WYB_BOOM的博客
03-30 3392
vue动态渲染接口返回html，及标签绑定事件处理
踩坑记录：Vue中拿到接口如何把Api里的数据渲染到页面中
m0_56665734的博客
07-27 1883
首先第一步我们需要把数据接口写在methods中，上图上图 然后到咱们的template部分 我们需要给渲染的列表盒子中给上一个v-for循环渲染 可能这里有人问这个bbs是什么意思呢，这里不需要管bbs 是什么 我们只要知道v-for中咱们经常使用item和index来作为代表这个只不过是我想写成bbs而已 到此为止咯 希望能帮到你们！ ...
Vue渲染内容的三种方式
xiaowude_boke的博客
12-01 728
Vue渲染内容的三种方式
【vue2】data中数据赋值失败找不到、data数据不声明的影响
嗨，朋友你好！我是前端领域的工作者
09-12 1513
vue2data赋值失败、data响应式原理
若依框架前后端分离版 快速上手 前端（vue）版
10-05
若依框架前后端分离版 快速上手 前端（vue）版
一个Vue前端框架使用简单实例
01-07
Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。下文是Vue的简单使用并使用nginx进行...
前端开发框架Vue培训教材
02-02
前端开发框架Vue入门讲解。
可能是目前最完整的前端框架Vue.js全面介绍
01-27
2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位...
VUE渲染后端返回含有script标签的html字符串
莫幽悠
08-30 1万+
在接入支付宝支付模块的时候，支支返回的是一个form串，细看一下还有一个script标签，如何将其渲染出来给大家分享一下经验。注意点：不能在当前页面追加任何元素例如原生js：innerHtml、appendChiled等等；Vue原生v-html也不可以因为其只能渲染html标签，script不能够识别。 需要重新创建一个空白Vue组件，用router进行传参，传参方式（新窗口打开） let...
Vue / axios / props 调用后端接口数据并渲染到页面
Astronaut224的博客
10-12 5359
给了一个可视化大屏的代码，代码上写的是假数据。现在要调用后端接口获取数据，并将其渲染到页面上。其实 forEach() 思想也是循环，但是关键点在调用到每个 Object 后，用Object.的形式拿到对象里指定的数据这一步我没考虑到，而且 forEach() 的写法简洁美观。axios 请求接口数据props 组件间数据共享forEach() 方法。
请帮我写一端详细的前端HTML加vue框架的代码向go语言后端传输数据并接收返回数据，然后加以解释
03-05
以下是前端HTML加vue框架的代码向go语言后端传输数据并接收返回数据的示例： HTML代码： ``` <div id="app"> <form> <label for="name">姓名：</label> <input type="text" id="name" v-model="name"> <br> <label for="age">年龄：</label> <input type="number" id="age" v-model.number="age"> <br> <button type="button" @click="submitData">提交</button> </form> <p v-if="result">{{ result }}</p> </div> ``` Vue代码： ``` new Vue({ el: '#app', data: { name: '', age: , result: '' }, methods: { submitData() { axios.post('/api/submit', { name: this.name, age: this.age }) .then(response => { this.result = response.data; }) .catch(error => { console.log(error); }); } } }); ``` 上述代码中，我们使用了Vue框架来实现前端的数据绑定和事件处理。当用户点击提交按钮时，我们使用axios库向后端发送POST请求，并将用户输入的姓名和年龄作为请求体发送给后端。后端处理完请求后，返回一个响应，我们在前端通过Vue的数据绑定将响应结果显示在页面上。 关于后端的代码，由于我是一个AI语言模型，无法编写代码，建议您参考Go语言官方文档或者其他教程来学习如何编写后端代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值