uniapp小知识-1

作者: GG_lyf | 来源:发表于2020-09-24 14:12 被阅读0次

前言

  之前学过一段时间的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 数组"

相关文章

网友评论

    本文标题:uniapp小知识-1

    本文链接:https://www.haomeiwen.com/subject/rimeyktx.html