首页 > 其他分享 >Input 组件的绑定值改变,但是页面不跟随改变

Input 组件的绑定值改变,但是页面不跟随改变

时间:2022-10-17 09:02:18浏览次数:62  
标签:res 绑定 改变 组件 Input data orderCopy

Input 为受控组件,它总会显示 Vue 绑定值。
通常情况下,应当处理 input 事件,并更新组件的绑定值(或使用v-model)。否则,输入框内显示的值将不会改变。
不支持 v-model 修饰符。

当请求成功后,将返回结果赋值给input框时发现input框的值总是没有赋值最新数值,检查请求数据发现无误,经查阅得知

//修改之前
data() {
    return {
      orderCopy: {},
    };
  },
//修改之后
data() {
    return {
      orderCopy: {maoney:''},
    };
  },

// 或者在获取到值后用this.$set赋值
if (res.data && res.data.code == 1) {
   	this.$set(this.orderCopy, "money" , res.data.data.money)
}

标签:res,绑定,改变,组件,Input,data,orderCopy
From: https://www.cnblogs.com/Sultan-ST/p/16797893.html

相关文章

  • vue表格大量input框渲染性能优化
    背景有一个表格,想要通过输入框编辑内容,但是在性能低下的电脑渲染1000+的输入框时该页面存在加载缓慢的问题原因不同的dom渲染消耗的内存是不一样的,input输入框消耗比较......
  • Vue.js -- 样式绑定
    前言本文主要介绍了vue.js样式绑定的几种形式。class字符串形式代码演示:<!DOCTYPEhtml><htmllang="en"><head><title>vue样式绑定</title><scriptsrc=......
  • 【面试题】vue2双向绑定原理:深入响应式原理defineProperty、watcher、get、set
    响应式是什么?Vue最独特的特性之一~就是我们在页面开发时,修改data值的时候,数据、视图页面需要变化的地方变化。主要使用到哪些方法?用 ​​Object.defineProperty给watcher对......
  • 使用Object.defineProperty手写一个简单的双向绑定
    什么是双向绑定?1.当一个对象(变量)的属性改变,那么调用这个属性的地方显示也发生变化,模型到视图(model=>view)2.当调用属性的这个地方改变了这个属性(通常是一个表单元素),那么......
  • manim 动态改变
    常常通过ValueTracker和updater实现比如:defplayscene0():v=ValueTracker(0)a=Text("A").add_updater(lambdax:x.set_x(v.ge......
  • 视频直播系统源码,使用css修改input的文字提示语颜色
    视频直播系统源码,使用css修改input的文字提示语颜色 <style> /*Safari,ChromeWebKitbrowsers*/ input::-webkit-input-placeholder{color:#ccc;}/*火狐Mozilla......
  • JavaScript简单特效:页面背景颜色在线改变
    基于JavaScript以及canvas实现输入颜色预览以及背景颜色变为输入颜色值的效果。输入框中默认值为黑色,下方画布显示该颜色。通过输入新的颜色值后,点击【显示颜色】按钮,画......
  • CH582peripheral讲解01(禁用单个绑定设备)
    这里对CH582蓝牙芯片的一个参数进行讲解:GAPBOND_DISABLE_SINGLEBOND,描述是这样的:#defineGAPBOND_DISABLE_SINGLEBOND       0x41A //!<Disableasingle......
  • 如何修改html input type file 的语言
    情况描述:在浏览器中,即使lang="en",文件输入框也会显示电脑的语言如何修改:思路:把原有的input框display:none,然后通过label触发对应功能,重新写入另一个div显示文件名。<st......
  • element-ui的el-input设置number类型后的相关问题
    element-ui的el-input,设置type="number"后,后边会多一个上下箭头,并且在中文输入法输入数据的时候,光标上移!! 前端的强迫症啊(凭啥你这输入框和别人的不一样,凭啥你光标就......