uniapp项目小逻辑

最新推荐文章于 2024-08-22 11:53:20 发布

牛马小龙

最新推荐文章于 2024-08-22 11:53:20 发布

阅读量548

点赞数

分类专栏： uniapp 文章标签： java servlet 开发语言

本文链接：https://blog.csdn.net/m0_65769258/article/details/125873439

版权

本文介绍了uniapp项目中的一些实用技巧，包括获取当前路由、搜索框动态样式、解析CSS单位（rpx, px, em, rem, %, vh, vw）的区别、下拉框简化代码、输入金额限制、搭建node.js服务器以及处理swiper组件的高度问题，同时分享了如何修改uniapp组件样式的方法。" 125033319,11946258,Python函数与变量作用域,"['Python', '编程实践', '函数', '变量']

摘要由CSDN通过智能技术生成

1.获取当前路由

var pages = getCurrentPages();
this.routes = pages[pages.length - 2].route;

2.搜索框输入相同的关键字字体相同，颜色会有改变

<text v-for="(ite,ind) in item.split('')" :key="ind" :style="setColor(ite)">
    {
  {ite}}
</text>
//item是一个字符串，需要将其转化为数组才可以遍历循环，通过在style绑定的事件来形成字体颜色的不同
methods：{
    setColor(ite){
        if(this.value.indexOf(ite) != -1){
               return "background: yellow"
        }
    }

}
//this.value是input输入框的值，通过if来判断是不是相同，是的话返回下标

3. 简述rpx，px，em，rem，%，vh，vw的区别

    rpx   相当于把屏幕宽度分为750份，1份就是1rpx
   px   绝对单位，页面按精确像素展示
   em   相对单位，相对于它的父节点字体进行计算
   rem   相对单位，相对根节点html的字体大小来计算