VUE中使用自定义components

1、新建一个公共文件夹,components

2、在components里新建js文件selectDate.js和html文件selectDate.html

3、在pageRegister中注册该组件:

如要在add.js所在的页面下注册并使用该组件,将component标签写到add.js对应的mobilepage标签内

4、在父页面的html中,引入该组件,通过条件控制组件是否展示

:ssldm是父页面传入子页面的单向值,该值在组件的js中通过props:['ssldm'],的形式获取到,传入几个值,props的数组就可以拿到几个值,注意变量名要一致。

5、@gotoParent,表示子页面触发的父页面方法,在父页面中js中有一个gotoParent方法,供子页面触发,

触发形式如下:在子页面中使用$emit

有$emit来触发父页面gotoParent方法,并传入参数值,来改变父页面的数据状态

6、最后通过$router.go(-1)返回父页面,退出子页面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值