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标签,好用多了。

猜你喜欢

转载自blog.csdn.net/qq_45549336/article/details/107184611
今日推荐