search

grapewheel / avvw

Apicloud + Vue2 + Vant（有赞前端）+ Webpack4打包，极速开发APP框架，将apicloud的渲染效率和vue数据绑定特性发挥极致！
153 stars 55 forks source link

项目中使用vant的tabs出现警告 #18

Closed dong136279559 closed 5 years ago

dong136279559 commented 5 years ago

EF632328-F691-45CB-AC3C-DD38A0E3397A

tab1.vue中使用 Tabs,Tab时,会有警告产生,请问这个是怎么产生的呢?

dong136279559 commented 5 years ago

vant版本在1.6.11的时候没有这些警告,是不是vant版本与vue版本的问题呢

grapewheel commented 5 years ago

vant最新版本是支持vue2的，应该是代码有错误而已，我这边测试过框架例子是正常的

dong136279559 commented 5 years ago

你那使用tabs,也是正常的吗? 没有报警告吗?

grapewheel commented 5 years ago

我这边没有发现警告，我看你的警告输出，貌似是Tabs的某些attrs被重复使用了，是不是你的Tab上注册了什么？

dong136279559 commented 5 years ago 
    <Tabs v-model="active" class="tabContent" animated lazy-render swipeable >
    <Tab v-for="(item,index) in dataSource" :title='item' :name="index" :key="item">
        测试内容:之后看看展示什么 {{ item + index}}

    </Tab>
</Tabs>

我是这样写的,放到avvw的demo项目中就出现警告了,您可以试一下这个.这个会产生警告

dong136279559 commented 5 years ago

是否是vue与vant版本的问题呢,不知道您测试有没有出现警告.

xiaosatufu commented 5 years ago

我也出现了同样的问题。。不知道有解决方案了嘛？@dong136279559

dong136279559 commented 5 years ago

@xiaosatufu 我这没管它,就一直报警告呢,我问了vant官方的人员,他们要codesandbox的地址,单独使用vant的时候确实不报错,不知道咋回事

xiaosatufu commented 5 years ago

@dong136279559 谢谢您的回复，最近一个项目用了avvw，其他我都感觉蛮好的，就是有一些vant的组件调用总会有一些问题，也不知道怎么解决TAT，还有使用Popup和Dialog的组件，也会有一些问题，还在慢慢爬坑。。

dong136279559 commented 5 years ago

我也在爬坑,其他使用起来确实不错,有问题一块交流.

grapewheel commented 5 years ago

@dong136279559 @xiaosatufu 请降级使用 vant 1.x，经过测试2.x版本在不使用vue3-cli编译的话会有bug

"dependencies": {
    "@babel/polyfill": "^7.4.4",
    "@babel/runtime": "^7.5.5",
    "vant": "^1.6.24",
    "vue": "^2.6.10"
  }