使用el-input,已经v-model,双向绑定但是无法输入问题解决

news/2024/12/25 15:09:32 标签: vue.js, javascript, 前端


使用el-input,已经v-model,但是无法输入问题解决

上线后才发现,this.是vue2用的,本地是生效的,发到线上就有问题了;

另发现我这边无法输入的原因是我数据没有写成reactive.... 解放办法: this.$forceUpdate()  强制更新!

原代码:

 <el-form-item label="金币兑换(币)">
        <el-input v-model="goodsTemp.gold_price"  placeholder="金币"/>
</el-form-item>

修改为

<el-input v-model="goodsTemp.gold_price" @input="myChange($event)" placeholder="金币"/>

  methods: {

      //解决input双向绑定不能输入的问题

      change(e){

        this.$forceUpdate()

      },

...

}


http://www.niftyadmin.cn/n/5799241.html

相关文章

java 大数据开发

在 Java 大数据开发中,涉及的技术非常广泛,涵盖数据存储、分布式计算、流处理、搜索、机器学习等多个方面。以下是一个完整的技术栈指南,涵盖了大数据开发所需的关键技术: 1. 大数据基础框架与平台 大数据的基础平台包括分布式存储、计算框架等,了解这些框架是进行大数据…

ROS2中通过launch读取.yaml配置文件启动节点

环境&#xff1a;Ubuntu22.04&#xff0c;ROS2-humble 通过修改.yaml配置文件中的参数&#xff0c;可以不用重新编译源代码进行软件调试。 1.yaml文件格式 bag_to_image_node&#xff1a;运行的ROS2节点名称 参数格式参考如下&#xff1a; bag_to_image_node:ros__parameters…

【自动驾驶】3 激光雷达②

4 激光雷达点云检测算法 &#x1f49a;论文标题&#xff1a;3D Object Detection for Autonomous Driving: A Comprehensive Survey&#xff08;面向自动驾驶的3D目标检测&#xff1a;综合调研&#xff09; &#x1f49a;论文地址&#xff1a;https://arxiv.org/pdf/2206.094…

面对小白的C语言学习方法

这是第20篇文章&#xff0c;不来弄一些技术的&#xff0c;弄一些最近的学习心得&#xff0c;怎么更有效地自学C语言 书籍 书籍可以很有效的告知我们专有函数&#xff0c;使用方法还有一些思考方式&#xff0c;缺点是实操差点意思&#xff0c;还是不太能解决实际问题&#xff…

《智驱新材合成:AI 点亮创新路径之光》

在科技浪潮汹涌澎湃的当下&#xff0c;新材料的探寻成为众多领域突破发展瓶颈的关键钥匙。而人工智能&#xff08;AI&#xff09;作为前沿科技的璀璨星辰&#xff0c;正以其独特的创新光芒照亮新材料合成路径的未知之境&#xff0c;引发了科研界与产业界的广泛关注与热议&#…

水电站视频智能监控系统方案设计与技术应用方案

一、背景需求 水电站作为国家重要的能源基地&#xff0c;其安全运行对于保障能源供应和社会稳定具有重要意义。然而&#xff0c;传统的人工监控方式存在着诸多问题&#xff0c;如人力成本高、监控范围有限、反应不及时等。因此&#xff0c;水电站急需引进一种先进的视频智能监控…

http反向代理

通过反向代理实现访问biying,目前访问一些网站需要绕过cloudfare还没有解决,代码如下: from fastapi import FastAPI, Request from fastapi.responses import StreamingResponse import httpx import uvicorn import logging# 设置日志 logging.basicConfig(level=logging.…

【接口自动化连载】使用yaml配置文件自动生成接口case

直接上干货撸代码&#xff0c;有一些是通用的工具类代码&#xff0c;一次性封装永久使用&#xff0c;期待大家的关注&#xff0c;一起加油&#xff01;&#xff01;&#xff01; 配置文件 根据不同的业务需求进行配置&#xff0c;例如Goods服务、Order服务分开配置&#xff0…