Vue开发移动端踩过的坑——笔记

最新推荐文章于 2024-07-23 08:21:53 发布
最新推荐文章于 2024-07-23 08:21:53 发布
阅读量1.3k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/soxiuzi/article/details/81516212
版权

移动端滑动导航条插件 ——ly-tab

在移动端开发中，一开始是使用的mint-ui里原生的navbar选择项卡，后来因为需求需要做成可滑动的tab选项卡，所以百度搜索到这么这么插件。
该插件的github地址：ly-tab

soxiuzi
关注
专栏目录
实战Vue：基于Vue的移动端购物商城
2401_84093899的博客
04-22 1184
首先在mutations.js中定义将商品移出购物车的方法——即商品数量为1仍然减得操作在Cart.vue中配置删除商品的方法。
基于vue的uni-app生态——学习笔记001
qq_63690649的博客
03-14 2358
基于vue的uni-app生态——学习笔记001
vue踩坑笔记 九.移动端vue坑
qq_38052995的博客
01-17 436
移动端vue页面禁止移动/滚动 当需要在移动端中禁止页面滚动，加入：@touchmove.prevent即可， 代码如下 <template> <div @touchmove.prevent> <h3 class="main-bk">{{ title }}</h3> <p>您好！{{provider}}：</p&...
vue移动端开发
最新发布
weixin_41978174的博客
07-23 596
Vue.js 是一个渐进式的 JavaScript 框架，适用于构建用户界面和单页应用。它在移动端开发中也表现得非常出色，特别是在与一些移动端优化技巧和工具结合使用时。
移动端vue开发的坑(转载)
xiongxiaolin123的博客
03-08 292
https://blog.csdn.net/m0_37036014/article/details/81232648 https://www.cnblogs.com/lgl1209/p/10001573.html https://juejin.im/post/5c0490ef51882524cb6f5652 https://blog.csdn.net/liangcha007/article/det...
24k纯小白用Vue写移动端页面时遇到的适配坑
JulyAnnes的博客
07-26 2401
          作为一枚妥妥的小白，在没有丝毫觉悟的情况下，用刚入坑的Vue徒手写移动端，也没有任何要兼容不同手机屏幕的适配意识，惭愧....废话不说，下面讲讲这段时间遭遇到的适配问题~     完全无适配意识         在没有适配意识的情况下， 这真的是很伤啊，秉着曾经学习时的方式，编写网页页面，不会想到要在浏览器上切换其他的手机屏幕去调试，结果就会变成自信满满写好一个当前页面，...
5，头部Header组件 ly-tab插件的使用
m0_62598303的博客
02-14 1366
components 下新建home文件夹 添加header.vue组件 <template> <header> <h1>荼七网</h1> <div class="search"> <i class="iconfont icon-RectangleCopy"></i> <span>猜你喜欢</span> </div> &lt
toutiao-m:基于 Vue.js 开发的移动端项目——黑马头条（页面下方扫码体验）
04-28
Vue.js 移动端项目——黑马头条 扫码体验 相关资源 GitHub 仓库： 学习笔记： 接口文档： 在线预览： 功能列表 登录注册 首页 频道列表 文章列表 频道编辑 搜索 联想建议 搜索历史记录 搜索结果 文章详情 ...
vue2.0——项目开发_better-scroll 实现移动端滑动
xustart7720的博客
07-06 2619
better-scroll + vue2.0 实现移动端滑动——左右联动效果：滑动右侧时，左侧也能有相应的变化；点击左侧时，右侧也能自动定位到相应的位置。如下图所示界面，左侧为分栏，右侧为分栏详情。滑动右边使左边联动的大概的思路：　　　　　　1）要知道右侧的列表中，每一个分栏所占的高度，存进一个数组中。　　　　　　2）实现左边联动，则必须要监控 “scroll”事件，获取其高度　　　　　　3）将sc
vue基础知识笔记（一）—— 指令
weixin_51341611的博客
03-01 991
vue基础知识笔记 —— 指令详解，持续更新中。
使用vue2.0技术开发的移动端app，解决了web开发者无法开发移动端的问题，这里是用了vue全家桶做示例，可以快速构建一个支持跨平台的app。
08-05
使用vue2.0技术开发的移动端app，解决了web开发者无法开发移动端的问题，这里是用了vue全家桶+museUI进行开发，内部模块化清晰，使用方便，已经解决了用户登录认证的问题，和h5端使用sdk进行定位的问题。可以快速构建一个支持跨平台的app。最后使用hbuilder打包，支持安卓和ios。
基于vue的今日头条移动端app
08-12
基于vue的今日头条移动端app
vue+nodejs商城实战项目【登录 + 购物车 + 支付】
weixin_48137421的博客
11-10 3849
该项目是一个商城项目，@就代表src目录。
Vue使用ly-tab实现选项栏
XunLin233的博客
12-26 666
如果需要修改样式，直接查找到该HTML元素上的class类进行修改样式，修改的时候要使用!important 进行覆盖。使用ly-tab插件可以实现如下效果。1.安装ly-tab。
一文带你使用Vue完成移动端(apk)项目
CSDN凉宸
06-09 2万+
目录结构： 基本配置 入口文件main.js 首先做一个引入 我们的Vant UI组件是按需引入，而Element UI是全部引入 所以引用方式也不同 main.js完整代码 // 引入Vue import Vue from 'vue' // 引入根组件App.vue import App from './App.vue' // 引入router路由 import router from './router' import store from './store' // 引入axios import
开发那点事（五）vue开发移动端app案例
热门推荐
开发那点事
05-05 2万+
开发背景 公司需要开发一款移动端的app,奈何团队没有ios技术，工期比较短，所以选择使用vue开发HTML5经过打包处理形成移动端app。 项目构思 1 项目整体使用Vue+HbuilderX开发 2 Vue实现基本页面跳转，增删改查等app基本功能，当需要使用到app原生功能则使用mui.js 3 最后通过HbuilderX将vue项目打包成app包 开发实践 1 运行打包app 这一步的步骤...
移动端web开发初探之Vuejs的简单实战
weixin_34008784的博客
01-14 1061
这段时间在做的东西，是北邮人论坛APP的注册页。这个注册页是内嵌的网页，因为打算安卓和IOS平台同时使用。因此实际上就是在做移动端的web开发了。 在这过程中遇到了不少有意思的东西。 DEMO的github地址在这里 内容提要： meta标签Vuejs的简单实战CSS移动端全屏背景CSS移动端动画初探 meta标签 这点与在PC端写前端有着很大的区别，移动端的meta标签简直多。我就说说我所用到的...
vue开发移动端页面
08-06
Vue是一种流行的JavaScript框架，它广泛应用于开发移动端页面。使用Vue开发移动端页面具有以下优势： 1. 响应式设计：Vue使用了响应式的设计原则，可以根据设备的屏幕尺寸调整界面布局和样式。这意味着无论是在手机...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值