zoukankan      html  css  js  c++  java
  • vue 给一个值重置初始值

    查了下资料很多都是如下:

    1. this.$options.data() 这个可以获取原始的data值,this.$data 获取当前状态下的data,拷贝重新赋值一下就行了。

    1 Object.assign(this.$data, this.$options.data());

    2.下面重置某个值的初始方法

    1 //  重置data原有的数据(封装)
    2 export function resetData(vm, attr) {
    3 //  this.this.xyClassInfo=this.$options.data().xyClassInfo
    4   vm[attr] = vm.$options.data()[attr]
    5 }
    1 import { resetData } from "@/utils/index"; 
    2 resetData(this, "search"); // 组件内调用
    3 
    4 this.this.xyClassInfo=this.$options.data().xyClassInfo // 单独使用

     3. 参考大佬(原文点我

    初始化data对象中的某一个属性
    1   this.form = this.$options.data.call().form
    2     // or
    3   this.form = this.$options.data.call(this).form
    值得注意的是

    javascript 的call方法如果没有传递第一个参数,this 的值将会被绑定为全局对象。另外,在严格模式下,this 的值将会是 undefined。从各方面来说,应当显式的使用 .call(this) 的用法

    延展
    1     Object.assign(this.$data, this.$options.data()) // ❌ props将为undefined
    2         
    3     Object.assign(this.$data, this.$options.data) // ❌ is function
    4     
    5     this.form = this.$options.data.form // ❌ is undefined

    作者:时来运转
    大佬们好,我是Web前端菜鸟,初来乍到,想跟诸位共同学习成长;
    综上是我每日闲时整理笔记,文章如有侵权请诸位及时告知我,谢谢关照!

  • 相关阅读:
    博客园20071027上海聚会
    上海招聘.NET(C#)程序员
    招人
    漂亮的后台WebUi框架(有源码下载)
    js插件库系列导航
    PrestoSQL(trinodb)源码分析 执行(下)
    Extjs4 (二)
    Struts2(1)简介
    css中的字体
    什么是REST架构
  • 原文地址:https://www.cnblogs.com/myfate/p/14551271.html
Copyright © 2011-2022 走看看