mpvue 返回后页面没有销毁 重新进入显示上次页面内容缓存的解决办法
mpvue 返回后页面没有销毁,数据会缓存,所以进入页面我们需要重置数据即可。
onLoad() {
// 解决页面返回后,数据没重置的问题
Object.assign(this, this.$options.data());
},
methods: {
},
mpvue 返回后页面没有销毁,数据会缓存,所以进入页面我们需要重置数据即可。
onLoad() {
// 解决页面返回后,数据没重置的问题
Object.assign(this, this.$options.data());
},
methods: {
},
<scroll-view :style="{'height': '200px'}" :scroll-y="true" @scrolltolower="scrolltolower" @scroll="scroll" >
<div :style="{'height': '200px','background-color':'red'}">tyuiolpo</div>
<div class="" :style="{'height': '200px','background-color':'red'}">测试测试
</div><div class="" :style="{'height': '200px','background-color':'red'}">测试内容内容</div>
</scroll-view>
methods: {
scrolltolower(){
console.log(7)
},
scroll(e) {
console.log(6)
console.log(e)
}
}
支持 Html、Markdown 转 Wxml 可视化
npm i mpvue-wxparse
<template>
<div>
<wxParse :content="article" @preview="preview" @navigate="navigate" />
</div>
</template>
<script>
import wxParse from 'mpvue-wxparse'
export default {
components: {
wxParse
},
data () {
return {
article: '<div>我是HTML代码</div>'
}
},
methods: {
preview(src, e) {
// do something
},
navigate(href, e) {
// do something
}
}
}
</script>
<style>
@import url("~mpvue-wxparse/src/wxParse.css");
</style>
详见:
https://npm.taobao.org/package/mpvue-wxparse
github:https://github.com/F-loat/mpvue-wxParse
取消ES6转ES5的选项
微信web开发者工具 webpack:// 找到对应的源码,双击添加断点即可。