父子组件---父组件的事件控制子组件里面的属性

摘要:
背景:在父组件中,子组件需要调用两次,但两个子组件显示的内容结构不同。单击“可能修改的内容”弹出窗口。弹出窗口的组件结构是单击“自动填充位置”。弹出窗口的组件结构为1。在子组件中使用v-if和v-else来控制两个结构的显示和隐藏。默认值为ThisShowWho:true,2.绑定事件。3.在子组件上定义ref,使父组件能够访问子组件中的属性或方法4.定义事件5.实现效果

背景:

  在父组件中,需要调用两次子组件,但是两个子组件所展示的内容结构是不一样的

  父子组件---父组件的事件控制子组件里面的属性第1张

  

点击"可能修改的内容"弹窗的组件结构为

父子组件---父组件的事件控制子组件里面的属性第2张

点击"自动填写的位置"弹窗的组件结构为

父子组件---父组件的事件控制子组件里面的属性第3张

1.在子组件中

 使用v-if 和 v-else 控制两个结构的显示与隐藏,默认为 ThisShowWho:true,

父子组件---父组件的事件控制子组件里面的属性第4张

2.绑定事件

 父子组件---父组件的事件控制子组件里面的属性第5张

 3.在子组件上定义 ref,使父组件可以访问到子组件里面的属性或方法

父子组件---父组件的事件控制子组件里面的属性第6张

4.定义事件

父子组件---父组件的事件控制子组件里面的属性第7张

 5.实现效果

免责声明:文章转载自《父子组件---父组件的事件控制子组件里面的属性》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇搭建类似pytest的Java环境把Java搞起来Linux的安装注意事项下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

安装pywin32模块

“)if__name__==”__main__“:RegisterPy()在保存后输入cmd,切换到存储py文件的目录,执行pythonregisted.py,然后重新运行exe文件以安装pywin32。...

未知账户(S1521)无法删除的问题

只有在“安全”中将所有者设置为当前管理用户后,才能删除此项。单击安全,单击高级,然后单击安全中的所有者以更改为系统的当前用户。...

Json 的日期格式转化(时区标准化)

在JavaScript中,这无疑可以通过初始化Data()对象//converttomsecsinceJan11970localTime=d轻松完成。获取时间();步骤2:接下来,通过Data()对象的getTimezoneOffset()方法//obtainlocalUTCoffsetandconverttomseclocalOffset=d找出本地时间偏...

TCL基本语法2

TCL基本语法21、format和scan两个基本的函数,和C语言中的sprintf和scanf的作用基本相同。format将不同类型的数据压缩在字符串中,scan将字符串中的数据提取出来。setnameJacksetage100setworker[format"%sis%dyearsold"$name$age]puts$workerscan$worker"...

docker run hangs问题排查记录

1.故障描述过去两天遇到了一个非常奇怪的问题。现在完整的故障描述如下:1)首先,我的同事告诉我,K8S集群中的一个工作节点将其状态更改为NoReady,并且在节点kubelet_truntime的错误日志中发现了大量此类日志E060301:50:51.45511776268remote。go:332]ExecSync1f0e3ac13faf224129bc4...

利用油猴插件实现全网VIP视频免费看

利用油猴插件实现全网VIP视频免费看第一步:首先打开谷歌应用商店搜索tampermonkey安装这个插件第二步:在百度搜索框搜索油猴可以看到以下页面,点击进入。下载谷歌上网助手解压后,将后缀为crx的文件拖入即可。之后注册一个谷歌上网助手账后登录即可进入谷歌应用商店油猴插件...