Uniapp的坑

一、时常组件传递值,watch能打印,就是渲染不上,总结一下,应该是传递的值太深,具体去看vue的官网,解决方案,下面。
	watch: {
			//这里的wath不起效果,vue官网说嵌套太深会导致不起效,
			//我觉得我这里的数据这也不深啊,
			//只能使用下面的deep深度监听+immediate立即调用
			//下面注释的这个不可用,高亮显示的能用
			// card(newValue) {
			// console.log(this.card)
			// this.desc = this.card.desc
			// this.title = this.card.title
			// }
			card: {
				handler: function(val, oldVal) {
					this.desc = this.card.desc
					this.title = this.card.title
				},
				deep: true, //升=深读监视  不写也可以,只是为了保险
				immediate: true//粒级开始监视
			}
		},
二、父组件里面循环子组件,每个子组件绑定一个点击事件,我知道这样写肯定不会生效果,但是vue里面可以这样写<子组件 @click.native=‘func’ />。任然不起任何效果,然后查了一下网站,uni也不支持native。。。。。。
三、同样的在css中,使用nth-child之类的,小心点,在h5端还行,在小程序端,不效果,怎么办呢?单个加类名咯,或者用:style或者:class,具体使用看看VUE官网上面的吧
四、花了我今天一天,气死我了。我就是想做一个双向联动,效果是下面的样子

在这里插入图片描述
感觉很简单,理论是的,无非就是相互通信,我左右两边都是scroll,结果发现scroll-into-view死活用不起,他喵的,无赖之下,采取第二种麻烦一点的,左边是scroll,右边是轮播,这样倒是解决的,可是大家都知道,这轮播中间不可以停留,要么你看上一张,要么你看下一张,这个还好,轮播里面套一个scroll,这样倒也不是很难,不过麻烦一点而已。可是最关键一点来了,就是我选择的通信方式是uni.$emit和on,结果,能接受,能打印,可是就是赋值失败!!!!搞了半天,无奈接受,左边传给父组件,父组件给右边,右边传给父组件,父组件给左边。折腾一天,终于搞定。

五、我是本地模拟的数据,结果uni里面的image标签死活渲染不上,换成img标签,好用多了。
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值