scoutyin / ly-tab Goto Github PK
View Code? Open in Web Editor NEW🎉 A mobile touch-swappable tabs component for Vue.js 2.x
License: MIT License
ly-tab's People
Contributors
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Stargazers
Watchers
Forkers
air321 zuopf769 libin1991 aoaob gala-1024 oliverpanda trendingtechnology luo963827954 1549583737 yixue199412 watermelon8157 liuxuanlife huangdezhi621 twxjlmq rainbow8590 jolyi menqi20 webliang wx60666 pengbo37877 googleask sxzzl55 snowsouls alexlingxiang alanstewart6 piggy2017 singod zanjs catbea haocaimp zhuman1993 kfukuoka daheaths henry0510 sh0wy0u zhongfanglin xiaozhu7393 jamesxiao2016 sunnyw11 yingnian sunhaogogo snakeyu circletop qiqiaoling caixinxinxinxinxinxinxinxinxin dreamhight natianxiayu finchfang lovepivix xiajingxia tangsiqivicky itliuqing cuulee zmhan-github 1005chenhua 490125485zz 333xpp maml897 sakurallj yuban32 builderzou tom-hanks cjq812282291 mrchangithub vamesuly-tab's Issues
打包时出现：ERROR in static/js/vendor.7f4a5556da1ac21dcf95.js from UglifyJs Unexpected token operator «=», expected punc «,» [./node_modules/ly-tab/index.js:3,0][static/js/vendor.7f4a5556da1ac21dcf95.js:18370,38]
看样子是UglifyJs压缩插件在遇到es6语法时出错了，如何解决呢
change时间好像无效。。
support ssr
父组件调用ly-tab的时候，父组件使用v-show会导致滑动失效，改为v-if就行了
是因为用v-show提前加载了，但是没有调用导致失效的嘛？
请问是否支持异步加载数据，若支持，异步加载数据时，ly-tab-active-bar 的宽度为 0
利用ajax 异步加载数据，selectedId 默认为零，文字下面ly-tab-active-bar宽度为0
如图：
初始化的时候
selectedId双向绑定失效？mounted的时候异步回来的修改没有成功
父组件修改this.selectedId 不会触发 tab移动？
请问options里有哪些参数是允许我们进行设置的
对于
options: {
activeColor: '#1d98bd'
// 可在这里指定labelKey为你数据里文字对应的字段名
},
中的注释那段话有点不太懂，labelkey是指什么，怎么使用呢？
v-model="selectedId" 在页面刚刚执行的时候，动态给赋值没有效果。
在页面刚刚执行的时候，动态给赋值没有效果
mounted: function () {
this.selectedId = 2;
}
touchEnd事件中未对timeStamp做判空处理
移动端使用时，在特定的情形中，click会触发touch,touchEnd事件，此时timeStamp = this.endMoveTime - this.startMoveTime的值为0，在this.speed = (this.lastX - this.startX) / timeStamp会生成NAN,最后影响到translateX为NAN，导致页面无法滑动
如何选中多个列表项
tab过少时，tab里的动画条不能根据tab宽度变化
滑动不取消冒泡，点击的时候第一次点击会选不中，需要点击两次，并且点击了其它地方后，再次点击依然需要重复点击两次，不知道是不是只有我一个人遇到这个问题
Please select a version that is at least greater than V1.0.3 when you install ly-tab
请在安装ly-tab时选择至少大于V1.0.3的版本
可以设置选中状态下字体加粗吗？
当 default selectedId 超出可视区时，tabBar 并没有滚动到对应位置。
建议在 mounted 时，调用 checkPosition 方法。
create中初始化完tabs，变更selectId,ly-tab-active-bar没宽度
关于该控件的一点点小的建议，
作者你好，关于这个插件，他的销毁阶段是否是不可以调用到 this.$refs里面的属性了已经，是否应该在beforedestory里面进行完成移除事件的操作呢，根据您的源码我编写了一个竖版的分类导航发现的这个问题
标签一多就会把页面撑开，变宽
求解
当数据为动态可变时，宽度未变，左右拉动出现问题，应该重新计算listWidth的宽度才对
当数据是动态的，比如我点击某个按钮，数据增加，问题是数据确实加入进去了，但没有重新计算listWidth的宽度，导致最后拉不到底，比如之前10个数据，宽度是1000，可以拉到最右侧，变成15条数据后，宽度应该是1500才能拉到最右侧，但宽度没有重新计算还是1000没变，所以最后的几条拉不出来看不到了，不知道我描述明白没，有点啰嗦，呵呵，我现在是加了个v-if后， watch监听数据变化后，改变v-if的值，销毁再创建，这样是可以解决问题，但挺麻烦的
2.0 不知道如何获取点击事件
只有一个标签，如何点击子集呢？
请问大佬，可以像轮播那样，通过操作当前index，导航跳到对应的index位置吗？
下载了项目运行不出来
如何获取按钮的值，不是获取index
下载了不能运行啊亲
做一个滑动下面内容也能切换的就好了，原生app很多这样的效果
选中项的下划线宽度固定可以吗？
选中项的下划线宽度固定可以吗？当想项的线条现在可以变颜色，然后可以改变宽度吗？求改可配置
tab点击router 切换，ly-tab-active-bar问题
tab点击router 切换，ly-tab-active-bar 会从 0开始滑到指定位置
显示效果：
初始化在tab2，点击tab5，bar会从2-5，如有切换完成，再从0-5
望能加一个参数表示prevbarindex
当外部div设置为fixed的时候，概率性左右滑不动
不知能否添加一个效果
很多时候,导航列表会比较长,能否添加这样的效果,点击编辑的一个导航项,自动将此项滚动到导航列表的中间位置,这样有更好的体验
x
Unexpected token operator «=», expected punc «,» [./~/ly-tab/index.js:3,0]（已解决！）
怎么才能给每一个标题绑定一个点击事件切换页面
lineWidth 失效
option中添加lineWidth配置，tab下面横条的高度没有变化
楼主您好，请问默认选中的那一列的下划线如何默认给
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.