zoukankan      html  css  js  c++  java
  • vue从父级往子组件传值问题

    当父组件往子组件传过去的是一个引用对象的时候,比如数组、对象,那么由于引用对象的性质,传过去的其实就是一个地址,他们只是共同指向这个地址,那么这个时候,在子组件就可以更改从父组件传过去的那个引用对象

    但如果传过去的是一个普通的变量的时候,比如数字或者字符串类型,那么这个时候是不能在子组件更改他的值得

    <template>
      <div>
          <el-input v-model="formData.input"></el-input>     //不报错
      </div>
    </template>

    <script>
    export default {
     props:{
         formData:{
             type:Object,
             default:{}
         },
         aa:{
             type:String,
             default:''
         },
         arr:{
             type:Array,
             default:[]
         }
     },
     mounted(){
         this.aa = 'zhenhao'                   //报错
         this.arr.push({name:'mingzi'})  //不报错
         console.log(this.arr)
     }
    }
    </script>

    <style>

    </style>
  • 相关阅读:
    rest-framework组件 之 视图三部曲
    跨域问题通用解决方案
    rest-framework组件 之 序列化
    vue 之 表单输入绑定
    决策树剪枝
    数据库优化
    python实现一个二分查找
    使用faker去构造一个User-Agent
    数据库三大范式
    Mysql数据库中索引的概念总结
  • 原文地址:https://www.cnblogs.com/MJmajong/p/13535497.html
Copyright © 2011-2022 走看看