vue子组件修改data或调用的方法-创新互联

这篇文章主要介绍vue子组件修改data或调用的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联建站从2013年成立，是专业互联网技术服务公司，拥有项目成都做网站、网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元梁园做网站,已为上家服务,为梁园各地企业和个人服务,联系电话:18980820575

<子组件 ref='xxx'></子组件>

父组件：

this.refs.xxx.子组件定义的方法()

外部：

vm.$refs.xxx.子组件定义的方法()

注意：子组件添加 ref 属性,父组件才可以通过 refs 获取.

补充知识：vue更新data值，如何重新渲染组件？

一：先介绍一下Vue.set()方法

注：如果从服务端返回的数据量较少，或者只有几个字段，可以用vue的set方法，如果数据量较大，请直接看第二种情况。

官网API是这样介绍的：

Vue.set(target,key,value)

参数：

{Object | Array} target
{string | number} key
{any} value

返回值：设置完后的新值

用法：

向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hi')

注意对象不能是 Vue 实例，或者 Vue 实例的根数据对象。

我举个简单的小例子，把这种用法介绍一下：

一：data中定义一个对象：

data() {
 return {
  person:{
  age:10,
  name:'李古拉雷',
  sex:1
  }
 }
}

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容