首页 > 其他分享 >uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决

uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决

时间:2023-12-20 13:33:12浏览次数:31  
标签:uniapp into 版本 vue3 scroll view

问题代码如图

bug原因

建了vue2版本和vue3版本的uniapp分别测试,vue3版本的scroll-view存在scroll-into-view不生效的问题,目前未修复(23.12.20)

解决方法,换了个思路,如图

思路:获取当前选中元素的left值,并动态绑定给scroll-left实现定位效果

标签:uniapp,into,版本,vue3,scroll,view
From: https://www.cnblogs.com/huihuihero/p/17916314.html

相关文章

  • Qt自定义GridView从显示单个到九宫格
    一、概述由于测试OpenCV的需要自定义一个可变的用于显示图片的GridView,从显示单张图片到9张图片。效果图如下:这个GridView目前只是自己使用,还有瑕疵,这里仅提供一个可行性的思路,有需要可以自行扩展。二、代码示例1.自定义GridView--->VariableGridView.h/Vari......
  • Flutter 用PageView实现轮播
    import'package:flutter/material.dart';classPageSwiperextendsStatefulWidget{constPageSwiper({super.key});@overrideState<PageSwiper>createState()=>_PageSwiperState();}class_PageSwiperStateextendsState<PageSwi......
  • 在 uniapp 中为 App 添加权限告知目的
     constpermission={ //初始化状态 state:{ //处理应用程序权限请求 WRITE_EXTERNAL_STORAGE:false, ACCESS_FINE_LOCATION:false, CALL_PHONE:false, CAMERA:false, RECORD_AUDIO:false, READ_CONTACTS:false, WRITE_CONTACTS:false, /*#ifd......
  • uniapp实现水印
    1.新建水印文件<template><viewclass="make"><viewclass="list"><viewclass="item"v-for="iin500"><text>{{info}}</text></vi......
  • 【UniApp】-uni-app-pinia存储数据
    前言经过上个章节的介绍,大家可以了解到uni-app-数据缓存的基本使用方法那本章节来给大家介绍一下uni-app-pinia存储数据的基本使用方法经过我这么多篇章的介绍,我发现大家环境比较耗时,所以在今后的文章中,我会尽量减少环境的搭建如果某一篇的文章环境确实是不一样的,我会在......
  • 什么是uniapp?如何开发uniapp?
    大家好!我是咕噜铁蛋!随着移动应用市场的持续发展,开发者们面临着不断增长的需求和多样化的平台选择。在这个背景下,UniApp应运而生,成为一种跨平台开发框架,为开发者提供了一种高效、简便的方式来开发移动应用程序。利用UniApp开发应用程序可以节省时间和精力,同时还能够在多个平台上扩展......
  • 详解appium自动化测试工具(monitor、uiautomatorviewer)
    appium是一个自动化测试开源工具,支持iOS和Android平台上的原生应用,web应用和混合应用。移动原生应用:单纯用ios或者android开发语言编写的、针对具体某类移动设备、可直接被安装到设备里的应用,一般可通过应用商店获取,比如某个游戏app;移动web应用:使用移动浏览器访问的应用(appium支......
  • 【UniApp】-uni-app-数据缓存
    前言好,经过上个章节的介绍完毕之后,给大家补充了一下uni-app-数据传递的内容那么补充了uni-app-数据传递的内容之后,这篇文章来给大家介绍一下uni-app-数据缓存搭建项目首先我们还是要先搭建一个项目,这里我就不多说了,大家可以参考上一篇文章搭建好项目之后,我们就可以开......
  • uniapp Watch() 数据监控完成升级
    handleDataChange(){ if(this.allquestions<50){ this.rank=1 this.rankpic='https://imgs.91yuwen.com/resouse/%E5%BE%BD%E7%AB%A0/11.png' this.rankrate=Number(this.allquestions)/50*100 console.log('进入1�......
  • 【UniApp】-uni-app-数据传递补充
    前言好,经过上个章节的介绍完毕之后,了解了一下uni-app-CompositionAPI传递数据那么了解完了uni-app-CompositionAPI传递数据之后,这篇文章来给大家介绍一下uni-app-数据传递补充(也就是在补充一点内容给到大家)先主要介绍逆向传递数据,逆向传递数据除了使用事件通道之外,还可以通......