vue明明有值却不显示的问题

已于 2024-01-26 15:38:26 修改
阅读量4.8k 收藏 3
点赞数 3
文章标签： vue
于 2020-01-09 10:26:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43840143/article/details/103902949
版权

解决方法 不要用=赋值 用下面方法

🌹调用方法：this.$set( target, key, value )

🌹 target：要更改的数据源(可以是对象或者数组)

🌹 key：要更改的具体数据

🌹 value ：重新赋的值

let that=this;
that.$set( target, key, value )//target可以是数组或集合//key可以是下标//value要更改的值``
翎墨袅
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
element 结合vue 在表单验证时有值却提示错误的解决办法
01-21
绑定的值与规则指定的值一定要相同——- 第一步： <el model=ruleForm rules=rules ref=ruleForm label-width=100px class=demo-ruleForm> 加上rules ref 第二部： <el label=活动名称 prop=name> <el v-model=ruleForm.name></el> </el> 加上prop 第三部： rules: { name: [ { required: true, messag
Vue表单回显页面不更新，表单赋值不更新，表单失效
dg_xdg的博客
09-14 1149
比如表单中有个name字段，如果他被监听了，那一定有个getName和setName之类的方法，这是Vue框架给添加的；直接赋值一个对象导致这些内部的绑定丢失了，vue2中的对象的监听只是浅监听，检测不到内部变化，也就无法触发双向绑定。表单在绑定v-model="form"时，form里面的字段被表单内的各个输入框绑定了；点击编辑时，打开一个表单窗口，请求接口拿到数据后赋值给表单，表单直接不能用了。然后页面中输入框输入值，发现form中的对应字段不改变。输出一下form，发现输出的对象。
解决Vue中表单输入框v-model双向绑定后数据不显示的问题
jattxgt的博客
11-22 4382
解决Vue中表单输入框v-model双向绑定后数据不显示的问题
解决vue 更改计算属性后select选中值不更改的问题
08-27
下面小编就为大家分享一篇解决vue 更改计算属性后select选中值不更改的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 修改 data 数据问题并实时显示操作
10-14
主要介绍了vue 修改 data 数据问题并实时显示操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue table动态新增input行，修改值后无法输入
qq_41885295的博客
12-21 2217
vue table动态新增input行，修改值后无法输入；elementui table新增input框无法输入
关于Vue使用element-ui组件时页面中无显示的问题及解决方法之一
Zj1357925的博客
10-23 670
vue”: “^3.2.13”,//当前项目下Vue的版本为Vue3(2.xxx为Vue2；3.xxx为Vue3)一.在项目目录下的package.json文件中找到dependencies,查看当前项目Vue的版本。错误示例：以el-input输入框为例。重新启动项目即可，详情请移步。重新启动项目即可，详情请移步。浏览器页面中无输入框显示。
VUE：JS中进行数组对象赋值，页面不能实时回显
干饭搬砖两不误。
04-09 4514
简介 VUE项目中，有时候进行数组对象赋值时，不能实时回显到页面中，但是打印又有新的数据在里面。 具体实现 场景一：对象赋值新的属性时，页面不能回显。 原因：该对象本身是没有这个属性的。 解决方案： this.$set(obj, 属性名, 属性值)； 案例如： this.$set(obj, "name", "张三"); 场景二：数组赋值新的属性时，页面不能回显。 原因：VUE中由于 J...
vue用v-model绑定的input，直接在js里.value赋值无效
weixin_65635437的博客
07-11 1112
vue用v-model绑定的input，直接在js里.value赋值无效
vue双向绑定消失，数据赋值，页面无反应
weixin_42845571的博客
09-14 364
双向绑定失效
vue data有值,但是页面{{}} 取不到值的解决
01-22
我的问题出在js引入的顺序不对，导致不能正常显示vue中的值 正确的顺序应该是： 先引入vue的js——–html代码—–最后引入自己写的js 补充知识：vue中子组件的created、mounted生命周期钩子中获取不到props中的值问题 父子组件通信 这个很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可 。 例如：在父组件中 [removed] data(){ return { Data: [10,20,30] }
vue获取input输入值的问题解决办法
11-26
v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值时进行校验，输入错误友好提示下，后边加个清空按钮，点击清空当前...
解决Vue打包后访问图片/图标不显示的问题
01-19
大家可否遇到过 npm run build 打包后，项目在线上运行时，资源文件 (图片、图标)不显示 的问题， 接下来，我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件 打开此文件后你会头晕，因为都是打包压缩过...
vue input表单通过外键赋值不显示问题
weixin_41697323的博客
07-19 1737
1- 通过增加按钮打开表单，input框通过外键选择赋值时不显示，需要在其它的input框里面点击时才能成功显示原因：data对象里没有写这个外键字段 本项目中在form对象里面直接增加外键字段 2-通过修改按钮打开表单，input框字段值存在时，通过外键选择赋值时不显示，需要在其它的input框里面点击时才能成功显示，再打开增加表单时发现字段清空不了原因：data对象里没有写这个外键字段 在修...
form表单居中显示_vue中的form使用
weixin_39663593的博客
11-25 7516
element-ui里面的form由vue-element-admin出来的,这个框架呢，主要可以用来做后台使用，里面很多组件都是element-ui里面的，看着也漂亮，所以如果做后台，推荐用这个框架之前一直在看这个框架里面的写法首先普通的form表单里有验证，验证好之后才会发请求到后台(除非上传图片等信息),这里说的是属于普通的form表单，只有些简单...
Vue form表单input框 手动赋值 提交时 表单input值没有生效 验证仍然是空
zhang8907xiaoyue的博客
08-29 6437
一、问题 1、input 赋值后表单提交却为空 在调用接口将返回的值赋在表单的 input 上或者子页面传递数值给父页面form表单model元素后，提交表单，明明值已经赋上去了，结果提交后显示的该值为空。具体看以下代码： <el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form-item label="司机ID" prop="driverId">
解决Vue数组数据变化了，赋值后视图没更新的问题
qq_37635012的博客
03-20 4275
最近遇到一个问题，表格数据变化了，直接赋值后视图没更新，打印表格数据发现是最新的数据，这主要是因为，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。最开始我是直接将后端返给我的数组res.result.listpg进行赋值，没显示出来，然后我用map处理了一下。通过map数组方法，对数组里面的每条数据进行重新处理，将返回的新的数组重新赋值给当前的数组。
vue中el-select下拉框 选择后赋值成功 但是下拉选框上不显示选中的值的解决办法
热门推荐
weixin_44900104的博客
08-15 1万+
vue中el-select下拉框 选择后赋值成功 但是下拉选框上不显示选中的值的解决办法
什么是mysql安装配置教程以及学习mysql安装配置教程的意义
最新发布
05-21
mysql安装配置教程
vue 不刷新界面重新显示值
05-30
在 Vue 中，当数据发生变化时，Vue 会自动更新视图。但是，有时候我们需要手动触发视图的更新，以便重新显示最新的数据。这可以通过以下方式实现： 1. 使用 Vue.set 或 this.$set 方法 Vue.set 或 this.$set 方法可以在不改变原有数组或对象的基础上，添加新的属性或更新已有属性，从而触发视图的更新。例如： ``` Vue.set(this.obj, 'name', 'new name'); this.$set(this.arr, 2, 'new value'); ``` 2. 使用 forceUpdate 方法 Vue 实例还提供了一个 forceUpdate 方法，可以强制手动更新视图。例如： ``` this.$forceUpdate(); ``` 需要注意的是，使用 forceUpdate 方法会重新渲染整个组件，而不是只更新特定的数据，因此可能会影响性能。建议在必要时才使用该方法。 3. 使用 key 属性 在使用 v-for 渲染列表时，可以为每个列表项添加一个独特的 key 属性。这样，当列表项的数据发生变化时，Vue 会根据 key 的变化来判断哪些列表项需要重新渲染。例如： ``` <div v-for="item in list" :key="item.id">{{ item.name }}</div> ``` 如果某个列表项的 id 发生了变化，Vue 会重新渲染该列表项，从而更新显示的数据。 以上是三种常用的手动更新视图的方法，具体使用哪种方法，取决于具体的场景和需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

翎墨袅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值