Vue 怎么做scrolltop 的滚动动画

加载和显示新数据在vue里最简单了，往你的数据中添加新的值就可以了：
methods: {
loadMore: function() {
yourAjaxMethod(function(moreData) {
thisitemspush(moreData);
}bind(this));
}
}
另外一个问题就是如何触发loadMore，这里像你说的，滚动。所以你需要监听下scroll事件或者使用其他滚动插件比如iscroll，在对应的回调里调用loadMore

微信朋友圈小视频制作特效的方法如下：

下载并安装Android版本VUE短视频拍摄应用。

打开软件，点击右上角的三横杠符号进入软件设置。

设置完以后，对准要拍摄的地方，单击红色按钮，分四次拍完整个10s的小视频（PS：你也可以设置分五次拍完10s这10s的小视频，具体见设置里面）。

拍完小视频后，紧接着可以添加自己喜欢的音乐，也可以添加表情，这些都做完以后，可以输出视频了。

然后点击朋友圈的图标，分享刚刚制作的小视频到你的朋友圈。

给个例子给你，在实例化vue前添加：
Vuefilter("mytime",function(d){
return dsubstring(0,10);
});
在模版中就可以直接用了。

<template>
<el-form :model="formData" :rules="formRules" ref="form">
<el-form-item v-for="(item, index) in formConfig" :label="itemlabel" :key="index">
<template v-if="itemtype === 'input'">
<el-input v-model="formData[itemfield]" :placeholder="itemplaceholder" @input="handleInput(itemfield)" />
</template>
<template v-else-if="itemtype === 'select'">
<el-select v-model="formData[itemfield]" placeholder="请选择" @change="handleSelect(itemfield)">
<el-option v-for="option in itemoptions" :key="optionvalue" :label="optionlabel" :value="optionvalue" />
</el-select>
</template>
<!-- 其他表单元素类型 -->
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
formConfig: [], // 表单数据结构
formData: {}, // 表单数据
formRules: {} // 表单验证规则
}
},
methods: {
handleInput(field) {
// 处理输入框 input 事件
},
handleSelect(field) {
// 处理下拉框 change 事件
}
// 其他事件处理函数
}
}
</script>

---