如何从父组件中更新子组件中的数据?我正在尝试从父级中更新autores属性,并让它更新子级数据。目前什么都没有发生,我认为我没有正确的数据链接。如果我将它作为数据添加到父组件中,那么当代码运行时,父组件将重新呈现,并且看不到任何结果。

起源:

export default {

props: ['lender'],

data(){

return {

}

},

methods: {

editName: function(lenderid, event) {

var self = this;

axios.post('/lenders/autocomplete', {...})

.then(function (data) {

self.autores = data.data.suggestions;

})

.catch(function (error) {

console.log("Error occurred getting the autocomplete");

});

},

},

watch: {

},

mounted: function() {

}

};

孩子:

{{res}}

export default {

props: ['autores'],

data(){

return {

}

}

};

更新:

如果我将父级中的代码更改为:

data(){

return {

autores:[]

}

},

还有:

然后只要我更新

this.autores

,无论在重置中父级的文本框中键入了什么文本,就好像它正在重新发送整个组件一样。怎样才能停止?

vue 父刷新子_vue.js从父级中更新子组件数据相关推荐

  1. html调用父页面的函数,js调用父框架函数与弹窗调用父页面函数的方法

    调用父级中的 aaa的函数 子页面中: οnclick="window.parent.frames.aaa()" 父页面中: function aaa() { alert('bbb ...

  2. data vue 全部重新渲染_vue将data恢复到初始状态 重新渲染组件实例

    1. 将data恢复到初始状态 Object.assign(this.$data, this.$options.data()) // 初始化data 这里的 this.$options.data() ...

  3. 子查询三(在FROM子句中使用子查询)

    FROM子句中使用子查询一般都是返回多行多列,可以将其当作一张数据表 示例一.查询出每个部门的编号,名称,位置,部门人数,平均工资 SELECT d.deptno,d.dname,d.loc,temp ...

  4. vue 父传子_Vue.js教程Vue基本指令

    前言 本文仅介绍基本常用指令(不包括自定义指令和相应的修饰符,这两个以后再写). 再附上官方API文档,大家也可以去看官方解释,更全面更具体.VueAPI 本文所有指令写在views文件夹下的Home ...

  5. vue 表格中有列需要异步加载_vue.js表格分页,ajax异步加载数据

    分页一般和表格一起用,分页链接作为表格的一部分,将分页链接封装成一个独立的组件,然后作为子组件嵌入到表格组件中,这样比较合理. 效果: 代码: 1.注册一个组件 js Vue.component('p ...

  6. vue伸缩效果_Vue.js - 元素展开、收起动画效果组件(附:二级菜单的展开、收缩动画效果)...

    子菜单的展开.收缩功能在许多系统上都很常见,如果想要在打开收起时带有动画效果,过去常常会通过 jQuery 实现.而在 Vue 项目中,我们可以单独封装一个动画组件,方便使用. 1,效果图 点击一级菜 ...

  7. vue树形权限菜单_Vue.js 递归组件实现树形菜单

    最近看了 Vue.js 的递归组件,实现了一个最基本的树形菜单. main.js 作为入口: import Vue from 'vue' import main from './components/ ...

  8. vue传值到后端_Vue.js快速入门就从这儿开始特别是后端程序员

    自从前后端分离开始变成主流后,曾经的Jsp.FreeMarker.Velocity.Thymeleaf貌似慢慢被遗忘了,取而代之的是兴起的前端主流语言,比如Vue.React和AngularJS 介绍 ...

  9. json vue 对象转数组_vue.js基于v-for实现批量渲染 Json数组对象列表数据示例

    本文实例讲述了vue.js基于v-for实现批量渲染 json数组对象列表数据.分享给大家供大家参考,具体如下: vuejs的出现减轻了对dom的直接操作,同时它提供的 v-for 渲染列表数据也给我 ...

最新文章

  1. 企业如何应对BT传输
  2. UIButton的属性设置
  3. python 多线程 模块_Python多线程threading和multiprocessing模块实例解析
  4. 初探swift语言的学习笔记九(OC与Swift混编)
  5. C++struct和class区别
  6. 山东大学计算机系统原理,山东大学计算机组成原理三套题汇总
  7. 调用图片按钮的img图片
  8. 区块链技术基础语言(三十二):Go语言网络编程(下)
  9. matlab脑电信号特征提取,一种脑电信号实时特征提取方法与流程
  10. php安装包进行安装吗,php的一键安装包有哪些php环境搭建
  11. (宏)Word 纯文本粘贴
  12. 员工接私单可不可以追究刑事责任
  13. 微信小程序使用后台播放器播放音乐
  14. mysql如何高效存储IPv4、IPv6地址
  15. 力扣T51数组中的逆序对--困难
  16. 微信小程序点击获取昵称头像
  17. FFplay文档解读-31-视频过滤器六
  18. Win7 Iphone4手机通过电脑上网设置 开机自动打开WIFI
  19. 16位浮点数(FP16)
  20. 2021校园PHP表白墙程序源码

热门文章

  1. if else 嵌套 来源微信公众号
  2. 记Angular与Django REST框架的一次合作(2):前端组件化——Angular
  3. [BZOJ 2111][ZJOI2010]Perm 排列计数(Lucas定理)
  4. 华为网络技术培训笔记之常用网络工具(一)
  5. C++/CLI思辨录之Object的对象布局
  6. 计算机程序CP电子文献,电子文献标识
  7. bind函数返回值-1_javascript函数柯里化
  8. bcp入库oracle,Sybase中的BCP用法实践 与 Oracle的SQLLDR用法实践
  9. python批量下载bilibili视频_如何批量下载bilibili的视频?
  10. php websocket ipv6,原生socket支持ipv6