羽毛球技术
|
体育赛事
|
英文歌曲
|
住宅风水
|
用户界面设计师
|
六爻
|
书籍改编电影
|
德国足球甲级联赛
|
欧美明星
|
PLC
|
中国足球
|
aj1
|
国家队
|
拜仁慕尼黑足球俱乐部
|
小说创作
|
配音
|
iOS应用
|
NBA 2K
|
古典音乐
|
面相
|
火影忍者
|
武汉大学
|
土拨鼠
|
营销策划
|
秦时明月之天行九歌
|
设计师
|
巴塞罗那足球俱乐部
|
尤文图斯
|
实况足球(游戏)
|
少帅
|
罗玉凤
|
比利时
|
跑鞋
|
冷知识
|
肖战
|
李元胜
|
古琴
|
按键精灵
|
罗兰
|
徐波
|
激光手术
|
角色扮演
|
关晓彤
|
微电影
|
safari
|
北京国安
|
古汉语
|
曼彻斯特联
|
玄幻小说
|
科幻小说
|
双眼皮手术
|
主题曲
|
年会
|
检测仪
|
徒步
|
互联网公司
|
百度输入法
|
镜头
|
宜昌市
|
自拍
|
金蝶
|
电子烟
|
网站建设
|
广播体操
|
文身
|
nba篮球
|
索尼(sony)
|
天体物理学
|
痛风
|
象棋
|
牛皮癣
|
皮肤护理
|
周星驰(人物)
|
试管婴儿
|
亚足联亚洲杯(AFC Asian Cup)
|
健美
|
美术生
|
迅雷(软件)
|
战斗机
|
穿越小说
|
张璐
|
姓氏
|
诸葛亮
|
后宫·甄嬛传(书籍)
|
虎牙直播
|
snh48
|
阿迪达斯
|
投影仪
|
组装机
|
微信群
|
阿迪达斯(adidas)
|
网球王子
|
分子生物学
|
耽美
|
武磊
|
婚礼
|
表演
|
中国武术
|
动画电影
|
Air Jordan
|
张子枫
|
免费软件
|
相声演员
|
摩羯座
|
宿舍
|
ansys
|
法国足球甲级联赛
|
户外
|
剧场版
|
杨凡
|
科幻电影
|
galgame
|
融资
|
关节炎
|
NBA季后赛
|
神话
|
王力宏(人物)
|
建模
|
计算机病毒
|
广州恒大淘宝足球俱乐部
|
北京奥运会
|
电脑电源
|
百度翻译
|
字幕
|
讯飞输入法
|
海关
|
易烊千玺
|
深度学习
|
编辑器
|
澳门特别行政区
|
直播
|
流氓软件
|
事故
|
大片
|
李景亮
|
郭富城
|
日语歌曲
|
卡牌游戏
|
小品
|
东京
|
花卉
|
音乐剧
|
互联网创业
|
占卜
|
羽毛球拍
|
婆媳关系
|
日本动画
|
巴黎
|
拳击比赛
|
东南亚
|
足球经理(FM)(游戏)
|
youtube
|
胡歌(演员)
|
地铁跑酷
|
植发
|
张继科
|
三国
|
用户界面
|
演技
|
百度竞价
|
青梅竹马
|
移动硬盘
|
韩晓鹏
|
马龙
|
瘦腿
|
宠物医疗
|
巨蟹座
|
徐峥
|
天蝎座
|
胸肌
|
赵丽颖(演员)
|
adidas阿迪达斯
|
低音炮
|
星际争霸(游戏)
|
豆瓣电影
|
微信开放平台
|
手绘
|
吉他学习
|
江苏卫视
|
模特
|
创意
|
团队管理
|
奢侈品
|
王源
|
TANK
|
笛子
|
偶像
|
莱斯特城
|
维生素
|
新百伦
|
国际物流
|
前女友
|
李小龙
|
华语流行音乐
|
猎头公司
|
crm
|
搏击项目
|
网站运营
|
鼻炎
|
篮球游戏
|
你的位置:
网站首页
>>
频道首页
>>
腾讯产品
>>
mpvue怎么在个人怎么做微信小程序序窗口栏加搜索框?
mpvue怎么在个人怎么做微信小程序序窗口栏加搜索框?
来源:蜘蛛抓取(WebSpider) 时间:2023-12-01 08:00 标签:
个人怎么做微信小程序
前言16年小程序刚出来的时候,就准备花点时间去学学。无奈现实中手上项目太多,一个接着一个,而且也没有开发小程序的需求,所以就一拖再拖。直到上周,终于有一个小程序的项目。如果现在学小程序,时间上肯定来不及了(就给了一周的时间)。正好前段时间看到美团开源了一个使用vue来开发微信小程序的框架 mpvue。因为平时vue用的多,所以就决定使用 mpvue 来开发。mpvue 介绍我们看一下mpvue官网上的介绍: mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。 mpvue 优势彻底的组件化开发能力:提高代码复用性 完整的 Vue.js 开发体验 方便的 Vuex 数据管理方案:方便构建复杂应用 快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload 支持使用 npm 外部依赖 使用 Vue.js 命令行工具 vue-cli 快速初始化项目 H5 代码转换编译成小程序目标代码的能力 开发过程通过 Vue.js 命令行工具 vue-cli,你只需在终端窗口输入几条简单命令,即可快速创建和启动一个带热重载、保存时静态检查、内置代码构建功能的小程序项目:# 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project # 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev 接下来,你只需要启动微信开发者工具,引入项目即可预览到你的第一个 mpvue 小程序。下面是一个项目目录结构。和开发vue完全一样,不过需要注意的是,小程序不支持dom操作,所以vue中的 ref 也不能使用。其它基础可以看mpvue官网,上面有详细的使用说明。下面主要说一个在开发过程中遇到的坑。mpvue开发中遇到的问题1.路由跳转vue中 使用 vue-router 来进行路由跳转的。mpvue中只需要用 a 标签就行了。
同时也可以使用小程序自身提供的api完成页面跳转 wx.navigateTo({ url: `/pages/counter/main?text=${this.text}` }); 2.input框光标位置在input输入框内输入内容时,当我想修改前面已经输入好的文字,把光标移动到需要修改的位置。修改完之后,光标自动跑到最后了,这样给用户体验不好。
可以使用 v-model.lazy 但是 lazy 在输入框失去焦点时才能触发。可以使用setTimeout来延迟执行。
setTimeout(() => { ... let ipt = this.text; ... },100) 这样就能解决了。3.弹出层滚动穿透写了一个简单的弹窗,发现滚动弹出层里的内容,后面的内容也跟着滚动。开始以为阻止冒泡就行了。结果试了一下,还是不行。在 issues 里看到别人提供的解决办法,试了一下,可以用。
..... <-- 弹出层 -->
....
点击弹窗按钮时,把 scroll 设置为 false。 点击关闭按钮时,再把 scroll 设置为true 。同时设置body的样式body{ overflow-y: hidden; height: 100%; } 4.引入echarts 打包后文件过大项目中需要引入echarts,直接引入后,打包完体积超过 2M了,没办法提交。echarts提供的有精简版本,我们可以导入精简的版本。import echarts from "echarts/dist/echarts.simple.min"; import mpvueEcharts from "mpvue-echarts"; 具体的 echarts 使用,请看文档,有详细的介绍。5.页面加载生命周期当从一个页面跳转到另一个页面时,我们在新页面不能使用created来初始化获取接口返回的内容。因为小程序首次加载会把所以页面的created都执行。我们可以使用下面方法 async onLoad() { .... } 结束语如果之前使用过vue,那么使用mpvue来开发小程序上手非常快,基本上可以无缝对接。mpvue目前还是有坑的,不过后面迭代的版本功能会越来越完善。
我要回帖
说的太好了,我顶!
更多关于
个人怎么做微信小程序
的文章
·
微信二次开发有什么问题?
·
微信开发 微信小程序 微信web开发者工具 "当前系统代理不是安全代理"怎么搞
·
微信公众号中健身小程序怎么用
·
微信小程序怎么卸甲
·
个人微信公众平台怎么注册小程序
·
微信小程序开发,真能掀起又一波创业浪潮?
·
开发微信小程序有什么好处?
·
有微信小程序的同学吗
·
教育培训小程序怎么做
·
哪有免费制作制作微信小程序
·
微信小程序里如何开商城,形成交易?
·
微信小程序新增Webview,它是什么东西
·
怎样使用微信小程序源码
·
下载的微信小程序源码都报错
·
我是做小企业的,微信小程序开发需要知道或准备哪些资料或技术?难不难?
·
微信小程序怎么注册的?
·
求助,微信小程序以#SILK
·
企业到底有没有必要做微信小程序
·
开发微信小程序的注意事项有哪些
·
微信公众号和微信小程序有哪些不同之处
·
小程序和微信公众号怎么注册?
·
微信小程序海盗来了充值没有到账 该怎么处理一下
·
黑龙江微信小程序加盟代理的好项目是什么?
·
个人可以注册几个小程序?
·
名名是一款微信小程序吗?
·
微信小程序公司有哪些
·
微信小程序音频怎么开发
·
如何使用微信小程序简单快速的定咖啡
·
免费编写微信小程序在哪儿找?
·
搭建微信第三方平台包括哪些?了解过没?
·
微信小程序是推广是真的吗
·
请问这是什么微信小程序?
·
微信小程序图片显示问题
·
三级分销小程序开发定制企业,微信分销平台哪家最好
·
微信小程序开发教程
·
微信小程序盒子上面怎么消除间隙
·
微信小程序西游后传精炼最高多少级
·
饭店如何利用微信小程序做好服务
·
如何开发小程序?
·
怎么才能修改微信小程序里面 自己的信息??
·
微信名名小程序进行名片管理之后需要每天再看一下吗?
·
微信小程序魅力汉语怎么推荐书目
·
微信小程序里,怎么扫小程序二维码就能跳出折扣券出来,
·
如何开发微信小程序?
·
旭企创科支持微信小程序的上线吗?
·
这个小程序有人会做吗?
·
如何卸载QQ微信等软件内置的小程序
·
微信小程序胡来三国名将令活动内容是什么
·
微信小程序天天淘易购拼团的口罩是真的吗
·
QQ小程序微派狼人杀怎么卡麦
·
微信小程序开发首页设计方式
·
招募掌门传人,一起玩微信小程序
·
微信免费小程序使用效果和付费的有哪些区别
·
微信小程序的商品怎么进行宣传
·
微信小程序开店能赚钱吗
·
图片中的微信小程序叫啥名谢谢!
·
桐云小程序作为微信商城,提供关于商品营销方面的服务有哪些
·
微信官方商店小程序,怎样让别人看到
·
使用微信小程序开店卖东西,需要注意什么
·
请问:桐云小程序可以在微信开店么
·
摩盒微信小程序是怎么制作的
·
听说最近的一些网店可以用微信小程序来开了都需要怎么做哪位大神指导一下
·
开发商城微信小程序有用吗
·
“刑罚查”云平台有微信小程序吗
·
微信小程序里有没有可以开店的啊
·
QQ小程序牛气冲天活动怎么开启
·
有什么程序支持微信读书res格式转换txt
·
运营微信小程序十六岁可以做吗
·
我是一个小白,打算在微信开店,请问怎么办
·
微信公众号和小程序,反馈上传截图,取消提交,手机相册就会重复一张图片。取消提交,对方会有我图片吗
·
没有认证公众号小程序怎么注册企业免认证
·
小程序可以在微信内跳转吗?
·
微信小程序怎么开通12345?
·
mpvue怎么在微信小程序窗口栏加搜索框?
随机推荐
七朵集团在农副产品八大产业链链中有哪些优势?
七朵集团如何确保全年运营公司?
她叫啥她的名字叫做还是叫作啊?
如果和女朋友一直“寻她”相亲平台视频拿不到联系方式,可以如何起诉交友平台吗,已经在平台消费3W了?
如何在怎么才能把自己的视频发到百度上发表文章?
谁用过的比较好用滋润口碑好的身体乳乳推荐下呗?
别人想加好友怎么拒绝绝异性加微信好友?
怎么幽默的回答别人加微信干嘛怎么回答?
不得不爱评价电视剧姚瑶真心话大冒险说自己的哥哥姚钧墨是她心目中的男神,现实中有这种情况吗?
在鸽场做事,睡在宿舍里0点被老鼠咬了,鸽场是否负责人?
这是手相感情线上有女字纹纹吗?
六爻合作以什么为用神卦如何在取用神後,视动爻跟用神的生克关系,衍生出针对用神的“具体”六亲取象?
剑来里至圣先师剑来至圣礼圣亚圣文圣圣的原型都能找出,齐静春的原型是谁?
电影买月亮的人,观看资源,求!!!
为什么网络小说里的主角叫陈枫得小说没有纯粹的佛教之人?
“林深时见鹿,海蓝时见鲸,海蓝时见鲸,梦醒时见你”是谁
男生发林深时见鹿梦醒时见你,海蓝时见鲸,梦醒时见你是什么意思
mpvue怎么在个人怎么做微信小程序序窗口栏加搜索框?
小黑狗给狗狗取个幸运的名字字好听点字怎么取?
请教一下,海波龙与智达方通的全面预算软件有什么区别?
求问适合国有企业的全面预算类软件软件有哪些
附近自助火锅锅培训地址?
微信手机功能被限制了怎么办限制怎样办?
微信限制登录,不可解封怎么办怎么办?
全科阅读手抄报内容(文字)有什么意义?
白毛女歌曲对唱?
自助火锅店加盟店培训地址?
恋爱优选!12星座男的“奶狗”指数--摩羯男喜欢御姐还是可爱的座