uniapp小知识-1

前言

  之前学过一段时间的unaipp,但是总是没有正式的拿他做过一些东西,现在开始实践,消化一下知识点。

开搞

  1.view和input标签不同行,两者的style中都加上vertical-align: middle;

用前

用后

  2.子组件向父组件传值


子组件
父组件

  3.父组件向子组件传值


父组件
子组件

  4.兄弟组件传值


兄组件

弟组件

  值得注意的是,当兄弟组件传值时并没有改变dom,因此在h5中是可以修改,但是在微信小程序并没有什么作用。这时候在弟组件中就可以更换为vue的钩子函数created,beforeMount,mounted来修改传过来的值

  5.非bar路由跳转,带传值的那中


点击跳转
跳转后的页面

  6.触底事件


触底代码
拉到底部就可以触底

  7.自动回到顶部


自动回到顶部

  8.h5访问路径不带#


不带#
ok

  9.v-for遍历时this不能用
  在uniappp中使用v-for可以将一个view标签渲染好几个,但是如果将程序运行在微信小程序编译器中,就会发现东西并没有显示出来,是因为在v-for的时候出现了this。
  v-for="(item,index) in this.数组",这个在微信小程序中是显示不出来的。要这样写v-for="(item,index) in 数组"

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):