第一次使用vux,需要结合group-cell做一个滑动的事件,正常情况下需要在每个cell后都有自己的一个滑动事件.但是结果变成这样了.
代码如下:
<group >
<swipeout>
<swiperout-item :right-menu-width="240" :sensitivity="15">
<div slot="right-menu">
<swipeout-button @click.native="deleteClick(item.id)" type="warn">删除</swipeout-button>
<swipeout-button @click.native="setTopClick(item.id)" type="default">置顶</swipeout-button>
</div>
<cell slot="content" v-for="item in list" :title="item.title"
:inline-desc="item.publishTime"
is-link>
<span slot="after-title" class="icon-font new-icon" v-if="item.isNew==true"></span>
</cell>
</swiperout-item>
</swipeout>
</group>
后来一看以为应该把right-menu写在每个cell中,所以修改的代码变成:
<group >
<swipeout>
<swiperout-item :right-menu-width="240" :sensitivity="15">
<cell slot="content" v-for="item in list" :title="item.title"
:inline-desc="item.publishTime"
is-link>
<span slot="after-title" class="icon-font new-icon" v-if="item.isNew==true"></span>
<div slot="right-menu">
<swipeout-button @click.native="deleteClick(item.id)" type="warn">删除</swipeout-button>
<swipeout-button @click.native="setTopClick(item.id)" type="default">置顶</swipeout-button>
</div>
</cell>
</swiperout-item>
</swipeout>
</group>
可是改完过后,发现根本就移动不了了。有没有大神帮忙解决一下,感激不尽。