vue项目使用前端框架开发,实现滑动效果,若不刷新页面则无法达到预期效果的问题及解决方法

滑动等效果的初始化时机很重要,在vue项目开发中,需到mounted()钩子函数 (当组件中的DOM结构被渲染好并放到页面中后,会执行这个钩子函数,此时即可初始化滑动效果的js代码)。

若组件未挂载到页面中,初始化效果无意义,无法获取元素。

因此,若需要操作页面中的元素,需在mounted()钩子函数中,此时DOM元素是最新的。

滑动效果成功后,底部的tabbar按钮的样式mui-tab-item需重新命名,因mui中的js代码与组件发生冲突

原文地址:https://www.cnblogs.com/yupaopao1653/p/9906027.html

时间: 2024-10-24 14:49:17

vue项目使用前端框架开发,实现滑动效果,若不刷新页面则无法达到预期效果的问题及解决方法的相关文章

基于gulp的前端框架开发规范

前端开发及相关规范 - 基于gulp的前端框架开发规范 1.前端开发工具的安装和使用说明 前端开发工具的目录结构 htmlcodeBuilder - v0.9 ├── statics ├── html //静态文件开发 ├── js // 非require引入的js文件 ├── Lib // 第三方JS包 ├── ve_2_1 // ├── css // 样式目录 ├── fonts // bootstrap的图标字体 ├── img // 图片目录 ├── less // less源码 ├──

MVVM开源框架Knot.js 教程2 - 大幅改变前端框架开发体验的Debugger

Knotjs教程系列 1.CBS初步 2.Knot.js Debugger(本文) ....持续增加中 Knot.js 教程2 - 改变前端框架开发体验的Debugger Debugger只是一个方便开发的附属工具,按道理说是不值得单独为之写一篇文章的.不过Knot.js的Debugger绝对值得一篇文章. 有过框架开发体验的朋友一定多少都有过和框架搏斗的经验.一个小小的设置错误,由于你对框架的不够熟悉,导致出错后完全摸不到头脑.或者被迫在一堆陌生的代码中跟踪尝试找出问题,或者只有上网到处拉人提

ios开发中,A valid provisioning profile for this executable was not found,的解决方法

手头上的一个ios项目在上架后,再进行时出现了以上的这个错误,这是上架后忘了对一些配置进行复原 我的项目解决方法是: 是上面的这一块出现了问题,图片上的配置是正常的情况,但是上架的时候对其进行了修改,改成公司的名称,所以一直在报那个错误. ios开发中,A valid provisioning profile for this executable was not found,的解决方法

React前端框架开发入门

对Facebook推出的React仰慕已久,一直没有找到合适的机会尝试,而react早已经是最热门的前端框架,coding.net的WebIDE,墨刀的web原型设计应用,都是非常成熟的react应用:最近正好前后端都有很多想法,周末花时间折腾了一翻,顺利的完成React入门训练. 项目采用纯静态方式实现,全部都是静态文件,不需要任何服务器就可以运行效果.传送门 React简单介绍 React一般被用来作为MVC中的V层,它不依赖其他任何的库,因此开发中,可以与任何其他的库集成使用,包括Jque

LayUI前端框架开发视频讲解

简 介 课程知识点:1.两种容器的区别与使用2.常用页面元素的使用3.LayUI内置对象的使用4.结合学习的知识点编写项目模块 01什么是LayUI[录播]课程资料与在线答疑服务(3分钟) 免费试学 [录播]认识layui前端框架(10分钟) 免费试学 [录播]演示LayUI弹出框(14分钟) 免费试学 02容器与网页布局[录播]认识容器(8分钟) [录播]认识栅格系统(5分钟) [录播]栅格的使用(13分钟) [录播]后台模板的使用(7分钟) 03网页基本元素(1)[录播]内置图标的使用(9分

nuxt框架在ie9浏览器中按f5刷新页面非default布局组建最终被default布局组建所替代

假设项目有a b c三个页面  a页面中有顶部tap导航.banner页 其他内容 b页面有顶部tap导航 小的banner页 其他内容 c页面 有顶部tap导航 其他页面 原先的我是写了三个布局 布局1(default)tap + banner 布局2 (nav)tap + smbanner 布局3 (tap) tap 这样写最终导致了在ie9刷新的时候 b c页面都显示为default布局组建 解决方法是 一个default布局里面只有 tap组件 另外两个布局(nav tap)的组建内容直

weex,bui-weex基于vue前端框架开发移动应用

weex 官方文档 bui-weex 官网地址 Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架. 在集成了 WeexSDK 之后,你可以使用 JavaScript 语言和前端开发经验来开发移动应用. BUI-Weex 是一套专门为Weex前端开发者打造的一套高质量UI框架.帮助开发者快速构建移动应用 原文地址:https://www.cnblogs.com/lk4525/p/11322975.html

优质项目-Bootstrap3前端框架

Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目. 为所有开发者.所有应用场景而设计. Bootstrap 让前端开发更快速.简单.所有开发者都能快速上手.所有设备都可以适配.所有项目都适用. 预处理脚本 虽然可以直接使用 Bootstrap 提供的 CSS 样式表,不要忘记 Bootstrap 的源码是基于最流行的 CSS 预处理脚本 - Less 和Sass 开发的.你可以采用预编译的 CSS 文件快速开发,也可以从源码定制

优质项目-Bootstrap2前端框架

Bootstrap介绍. 需要为爱上Bootstrap找N多理由吗? 就在眼前. 人人为我,我为人人. 由@mdo 和 @fat 在Twitter工作时创建,Bootstrap使用 LESS CSS 并用 Node 编译,托管在 GitHub上,方便大家使用这一框架构建更好的web应用. 任何人都可以使用. Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!).在平板电脑和智能手机上面还有响应式CSS可以使用. 丰富的特色. 12列的响应式栅格结构.丰富的组