这种思路要借用到Vue提供的transition
组件了,它提供了一些类名,比如v-enter
、v-enter-active
等来对应CSS的类
<div class="text-container">
<transition class="inner-container" name="slide" mode="out-in">
<p class="text2" :key="newsText.id">{
{newsText.val}}</p>
</transition>
</div>
data数据
news: [
{ id: "1", value: "你好啊的的" },
{ id: "2", value: "我是可以滚动的文本啊" },
{ id: "3", value: "大家大家都" }
],
number: 0,
计算属性
computed: {