目录
template 部分
<view class="two">
<view style="color: #CCCCFF;">{{teststr}}</view>
</view>
script 部分 (注意:需要 let that;)
<script>
let that;
export default {
data() {
return {
textWriter: '吾问无为谓无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无无',
teststr: '',
}
},
onLoad() {
that = this;
that.setData();
},
methods: {
//js打字效果
setData() {
let i = 0;
let timer = setInterval(function() {
if (i <= that.textWriter.length) {
that.teststr = that.textWriter.slice(0, i++) + '_'
} else {
that.teststr = that.textWriter
clearInterval(timer)
}
}, 200)
},
}
}
</script>