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