vue 父刷新子_vue.js从父级中更新子组件数据
如何从父组件中更新子组件中的数据?我正在尝试从父级中更新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() {
}
};
孩子:
export default {
props: ['autores'],
data(){
return {
}
}
};
更新:
如果我将父级中的代码更改为:
data(){
return {
autores:[]
}
},
还有:
然后只要我更新
this.autores
,无论在重置中父级的文本框中键入了什么文本,就好像它正在重新发送整个组件一样。怎样才能停止?
vue 父刷新子_vue.js从父级中更新子组件数据相关推荐
- html调用父页面的函数,js调用父框架函数与弹窗调用父页面函数的方法
调用父级中的 aaa的函数 子页面中: οnclick="window.parent.frames.aaa()" 父页面中: function aaa() { alert('bbb ...
- data vue 全部重新渲染_vue将data恢复到初始状态 重新渲染组件实例
1. 将data恢复到初始状态 Object.assign(this.$data, this.$options.data()) // 初始化data 这里的 this.$options.data() ...
- 子查询三(在FROM子句中使用子查询)
FROM子句中使用子查询一般都是返回多行多列,可以将其当作一张数据表 示例一.查询出每个部门的编号,名称,位置,部门人数,平均工资 SELECT d.deptno,d.dname,d.loc,temp ...
- vue 父传子_Vue.js教程Vue基本指令
前言 本文仅介绍基本常用指令(不包括自定义指令和相应的修饰符,这两个以后再写). 再附上官方API文档,大家也可以去看官方解释,更全面更具体.VueAPI 本文所有指令写在views文件夹下的Home ...
- vue 表格中有列需要异步加载_vue.js表格分页,ajax异步加载数据
分页一般和表格一起用,分页链接作为表格的一部分,将分页链接封装成一个独立的组件,然后作为子组件嵌入到表格组件中,这样比较合理. 效果: 代码: 1.注册一个组件 js Vue.component('p ...
- vue伸缩效果_Vue.js - 元素展开、收起动画效果组件(附:二级菜单的展开、收缩动画效果)...
子菜单的展开.收缩功能在许多系统上都很常见,如果想要在打开收起时带有动画效果,过去常常会通过 jQuery 实现.而在 Vue 项目中,我们可以单独封装一个动画组件,方便使用. 1,效果图 点击一级菜 ...
- vue树形权限菜单_Vue.js 递归组件实现树形菜单
最近看了 Vue.js 的递归组件,实现了一个最基本的树形菜单. main.js 作为入口: import Vue from 'vue' import main from './components/ ...
- vue传值到后端_Vue.js快速入门就从这儿开始特别是后端程序员
自从前后端分离开始变成主流后,曾经的Jsp.FreeMarker.Velocity.Thymeleaf貌似慢慢被遗忘了,取而代之的是兴起的前端主流语言,比如Vue.React和AngularJS 介绍 ...
- json vue 对象转数组_vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
本文实例讲述了vue.js基于v-for实现批量渲染 json数组对象列表数据.分享给大家供大家参考,具体如下: vuejs的出现减轻了对dom的直接操作,同时它提供的 v-for 渲染列表数据也给我 ...
最新文章
- 企业如何应对BT传输
- UIButton的属性设置
- python 多线程 模块_Python多线程threading和multiprocessing模块实例解析
- 初探swift语言的学习笔记九(OC与Swift混编)
- C++struct和class区别
- 山东大学计算机系统原理,山东大学计算机组成原理三套题汇总
- 调用图片按钮的img图片
- 区块链技术基础语言(三十二):Go语言网络编程(下)
- matlab脑电信号特征提取,一种脑电信号实时特征提取方法与流程
- php安装包进行安装吗,php的一键安装包有哪些php环境搭建
- (宏)Word 纯文本粘贴
- 员工接私单可不可以追究刑事责任
- 微信小程序使用后台播放器播放音乐
- mysql如何高效存储IPv4、IPv6地址
- 力扣T51数组中的逆序对--困难
- 微信小程序点击获取昵称头像
- FFplay文档解读-31-视频过滤器六
- Win7 Iphone4手机通过电脑上网设置 开机自动打开WIFI
- 16位浮点数(FP16)
- 2021校园PHP表白墙程序源码
热门文章
- if else 嵌套 来源微信公众号
- 记Angular与Django REST框架的一次合作(2):前端组件化——Angular
- [BZOJ 2111][ZJOI2010]Perm 排列计数(Lucas定理)
- 华为网络技术培训笔记之常用网络工具(一)
- C++/CLI思辨录之Object的对象布局
- 计算机程序CP电子文献,电子文献标识
- bind函数返回值-1_javascript函数柯里化
- bcp入库oracle,Sybase中的BCP用法实践 与 Oracle的SQLLDR用法实践
- python批量下载bilibili视频_如何批量下载bilibili的视频?
- php websocket ipv6,原生socket支持ipv6