zoukankan      html  css  js  c++  java
  • 更新页面数据到数组

    要求:

    页面上动态生成文本框,与后台的数组进行绑定。要求在页面输入数值后,更新到后台的数组中。

    实现步骤:

    设置文本框的绑定onchange事件,与后台方法进行绑定,在改方法中,使用:

    this.$set(this.sensorType1, index, '');

    这样做的确可以实现页面控件与后台数据的绑定,但是有个问题,页面会刷新,导致页面一些简单绑定(数值通过其他页面传入,本实例中页面控件用cavityNums1字段)控件复位。

    于是,在上面的基础上, 进而采用watch方法,阻止控件重新从props中获取数据:

     watch: {
          isCavityModalShow: function () {
            this.cavityNums1 = this.cavityNums;
          }
        },

    这样有2个作用:

    1.子页面打开时,触发watch,将值传递到cavityNums1,用于后续操作。

    2.子页面调用$set相关方法时,刷新自身,由于不触发watch,因此简单绑定的原值得以保留,不会重新复原。

    问题得以解决。估计还有其他方法,暂记。

    文章出处:www.cnblogs.com/jizhong

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。否则保留追究法律责任的权利。

  • 相关阅读:
    systemd 介绍
    Goland读取配置文件--viper包
    Goland日志记录
    进程查询端口占用
    Python zip() 函数
    Jenkins权限管理(角色权限)
    Django ORM查询总结
    如何查看windows计算机重启记录
    Django ORM迁移
    Django中文乱码解决
  • 原文地址:https://www.cnblogs.com/jizhong/p/15716473.html
Copyright © 2011-2022 走看看