精华内容
下载资源
问答
  • 主要介绍了vue 修改 data 数据问题并实时显示操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇vue 修改 data 数据问题并实时显示的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • vue修改data数据不能重新渲染

    千次阅读 2020-06-19 13:14:42
    使用vue,遇到几次修改了对象的属性后,页面并不重新渲染,场景如下: <template v-for="item in tableData"> <div :class="{'redBorder':item.red}"> <div>{{ item.name}}</div> <...

    使用vue,遇到几次修改了对象的属性后,页面并不重新渲染,场景如下:

    <template  v-for="item in tableData">
                  <div :class="{'redBorder':item.red}">
                    <div>{{ item.name}}</div>
                    <div>
                        <el-button size="mini" @click="clickBtn(item.id)" type="info">编辑</el-button>
                          <p class="el-icon-error" v-show="item.tip"></p>
                    </div>
                  </div>
    </template>


    js部分如下:

    <script>
     export default {
          data() {
            return {
             tableData:[{id:0,name:"lili",red:false,tip:false}]
            }
          },
     
          methods: {
        clickBtn(id){
            this.tableData[id].red=true;
            this.tableData[id].tip=true;        
        }
        }
    }
    </script>


    在项目中点击button后不出现红色边框和提示错误框,打开debugger查看,发现运行到了这里却没有执行,tableData中的值并没有改变,这个方法在以前使用时会起作用,可能是这次的项目比较复杂引起的,具体原因不明。
    后通过查找资料修改为使用$set来设定修改值,js如下:

    this.$set(this.tableData[id],"red",true);


    但是依然没有起作用,打开debugger发现tableData的值修改成功,没有渲染到页面上,查找的资料也是比较凌乱,并不能解决问题,后请教大神,才知道是数据层次太多,没有触发render函数进行自动更新

    如果遇到此类问题的话可以加我微信我帮你解决  加微信记得发个红包哦!!!!
    在这里插入图片描述

    展开全文
  • vue 修改 data 数据问题并实时显示

    万次阅读 2018-04-18 18:53:48
    首先,定义一个变量:(以下以本人写的为例)首先定义一个变量:然后,给变量赋值:如果想要修改数据,主要代码如下:然后界面上要记得绑定数据id:就Ok了。...

    首先,定义一个变量:

    (以下以本人写的为例)

    首先定义一个变量:


    然后,给变量赋值:


    如果想要修改数据,主要代码如下:


    然后界面上要记得绑定数据id:


    就Ok了。

    展开全文
  • Vue修改更新data数据

    千次阅读 2019-09-09 08:26:03
    // 现在已经存在一个声明过的Vue变量vBar var vBar = new Vue({ el:"#myModal", data:{ xq:'' } ...
    // 现在已经存在一个声明过的Vue变量vBar
    
    var vBar = new Vue({
                                el:"#myModal",
                                data:{
                                    xq:''
                                }
                            });
    
    // 在后面的代码中想要更新修改vBar中xq变量的值
    
    vBar.xq='修改后的值'
    
    //就是这样直接调用就行了
    
    //也可以直接向vBar对象中添加新的data值
    
    vBar.newkey = 'newValue'

     

    展开全文
  • 今天小编就为大家分享一篇vue 解决computed修改data数据的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • vue修改data中的obj数据的属性

    千次阅读 2019-04-30 15:51:19
    //方法一 var obj = this.obj; obj.name = 'long'; this.obj = obj; ...Vue.set(this.obj, "password", "num"); //part1,要修改的obj对象; //part2,要添加或者修改的属性; //part3,修改值; ...
    //方法一
    var obj = this.obj;
    obj.name = 'long';
    this.obj = obj;
    //方法二
    Vue.set(this.obj, "password", "num");
    //part1,要修改的obj对象;
    //part2,要添加或者修改的属性;
    //part3,修改值;

     

    展开全文
  • vue修改data数据的方法

    万次阅读 2019-12-16 11:10:06
    有的时候,当我们手动对data中的数据修改时,vue却监听不到这些数据的变化,导致页面没有触发新一轮的更新。 注意:出现以上问题的原因在于,没有通过vue提供的方法对保存在data中的数据进行修改。强制性通过js对...
  • 今天小编就为大家分享一篇vue获取data数据改变前后的值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 关于vue computed修改data数据的问题

    万次阅读 2019-05-08 15:21:07
    最近在做项目的时候遇见一个问题,computed修改data数据的时候会报错。报错的大概意思是,不可以修改data数据的属性值。查了一些答案,最终解决办法是需要用到set和get。看代码: data () { return { fold: false } ...
  • 简单的理解vuedata数据的改变影响视图 前言 这个简化了vue虚拟dom的渲染,为了更好地理解vuedata数据的改变影响视图这句话而写的。 请熟知 Object.defineProperty和原型原型链的知识,闭包也要有所掌握 我们...
  • "vue": "^2.6.10" "element-ui": "^2.11.1" 二 翻车现场 首先我们来看下要实现的需求,其实就是一个条件渲染 但是当我改变data中的from.status的值时,页面并没有跟随刷新。对应form表单数据我是在mounted钩子函数中...
  • 原因是Vue2.+ 中data数据对象是通过Object.defineProerty来进行数据的双向数据绑定,而数组则是监听数组的push和pop等操作数组的方法进行双向绑定的,因此当是通过下标来修改时便不能更新视图 此时我们该怎么办呢?...
  • vue修改 表格数据

    千次阅读 2019-06-12 15:09:25
    在使用 element-UI 中el-table时,更新...因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的 例:由于table表格只能监听整个row的变化,不...
  • Vue 更新Data数据页面无反应问题

    千次阅读 2020-03-06 16:52:00
    更新了data里的数据,页面无同步变化 原因分析 原因1:存在this指向问题,没有真正更新到data 原因2:Vue不能检测对象属性的添加或删除 原因3:更新的层级太深 解决方法 处理原因1:存储外部环境this指针,在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 70,342
精华内容 28,136
关键字:

vue修改data的数据

vue 订阅