framework7 总结之前遇到的问题和踩过的坑

官网上写的案例比较简单明了,我这里就将我使用时踩过的坑做一个总结,与大家共勉!

最近使用framework,基本全靠浏览官方文档,当然,有遇到了许多的错误,开始不知道哪里出问题也很着急,到最后发现问题其实就是一个特别特别小的地方,但是也就是因为这一点点没有做好,整个项目都运行不起来,今天在这里就简单总结一下遇到的错误,并详细说明一下问题如何解决,如果有同志遇到我遇到的问题,愿为其解答!

问题总结:

1、无法触发事件(解决方式就是用元素选择器选择元素并绑定相应的事件)

2、js只能写到主页面,不能写到各个子界面(下方详细说明了这个问题)

3、子页面的js不知道怎么写(会在下个文章列举两个实例可供参考)

详细错误:

1、主界面如果没有自己定义的js,直接引用相应的css、js文件即可(如果有自己定义的js,直接写就可以)

如图:

 

 

2、主界面(index页面,即起始页)最外层div的id需为id=“app”()

主界面最外层div的id 用来newframework7,引用的app.js如下:(只需要将root属性的值与其相匹配即可)

 

 3、跳转的子界面没有自定义的js

配置路由路径用url属性,并且页面直接写html代码就可以

 

 4、跳转的直接面有自定义的js

配置路由路径用componentUrl属性,并且html代码需要写在<template></template>中间

编写js时与平常不同,需要在return{}中间编写

 

 

 

如有问题,欢迎留言!

转载于:https://www.cnblogs.com/ZbsCc/p/11533373.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值