vue清空子组件数据或强制刷新子组件

需求：每次点开子页面的时候，里面的表单内容都为空

this.$refs[‘form’].resetFields()

1、可以通过ref把表单数据绑定上

在data中定义form写入对应key和value(每个input输入的值)

在点击按钮打开子组件的时候是触发这个语句，这样每次打开表单数据都是空的，
当然如果想表单输入一半关掉但不希望表单内容清空就不能用上面那句话的写法了，只需要在表单提交成功之后写入这句话就好了

2、可以给定一个v-if 通过其特性来强制刷新页面

这个是引入的子组件和写在同一个文件里的差不多，在父元素上写v-if 在data中写入showCard=false，这样在点击展开子组件按钮的方法里只需要写入this.$nextTick(() => (this.showSetUp = true)) 即可，每次打开页面都会强制刷新

vue清空子组件数据或强制刷新子组件相关推荐

vue 强制刷新子组件
问题: 1)因为父组件有缓存等因素,子组件创建后没有释放,传入参数无效 2)父组件的tab切换, 导致子组件一直存在, 没有刷新解决方法: 方案一: 只要让子组件强制刷新就可以获取到props传递 ...
一、vue中当数据在父组件需要给子组件传递数据的时候，子组件输出为undefined
父组件: <Type :imgList="imgList"/> 子组件: <img :src="imgList[0].imgUrl"/> ...
vue 父组件获取接口值传到子组件_vue 项目中 “父组件” 异步获取数据之后，传递给子组件不显示...
有两个组件:一个为 transaction(父组件),一个为 transactionList (子组件): 上图为一个列表页,为父组件,在父组件里面的data中定义了数据列表, template中: ...
vue 父循环怎么拿子循环中的值_Vue 父组件循环使用refs调用子组件方法出现undefined的问题...
Vue 父组件循环使用refs调用子组件方法出现undefined的问题 1. 背景最近前端项目遇到一个问题,我在父组件中使用了两个相同的子组件child,分别设置ref为add和update.其中 ...
vue 关于父组件同时多次调用子组件而产生的 this取值的bug问题
vue 关于父组件同时多次调用子组件而产生的 this取值的bug问题我们在开发vue项目的使用,会经常使用this这个关键字,this指向vue这个实例,我们可以使用this.来获取data里面 ...
vue 组件间的通信，子组件向父组件传值的方式总结
写vue,如果页面涉及到多个组件,就会涉及组件之间的通信,可能是父子组件间的通信,也可以是同级组件间的通信,那么,vue里面的组件如何通信.一般来说在vue的数据传递是在父组件传子组件通过属性来传,子 ...
vue父组件ajax改变数据,vue父组件传了变量给子组件，改变子组件的对象时，父组件也跟着改变...
1.问题场景首先我在父页面引用了一个子组件,当点击的时候我会传值给子组件 showItem(stepJsonItem: any) { var viewDlg = this.$refs.viewIte ...
Vue父组件网络请求回数据后再给子组件传值demo示例
QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票这里demo使用延迟执行模拟网络请求:父组件给子组件需要使用自定义属性 Prop ,下面是示例代码: &l ...
vue 父组件获取接口值传到子组件_vue父组件异步获取数据传给子组件的方法
但是现在问题是父组件的数据是异步获取的,而子组件一开始就会渲染,如果此时没有传入数据,而子组件又要用到数据中的length属性时就会报错: 怎么办呢?最简单的办法就是让子组件条件渲染,当有数据的时候才 ...

vue清空子组件数据或强制刷新子组件

this.$refs[‘form’].resetFields()

1、可以通过ref把表单数据绑定上

2、可以给定一个v-if 通过其特性来强制刷新页面

vue清空子组件数据或强制刷新子组件相关推荐

最新文章

热门文章