cache.vue 568 B

12345678910111213141516171819202122
  1. <template>
  2. <basic-container>
  3. <h3>这个页面会被 keep-alive</h3>
  4. <el-tag>在下面的输入框输入任意字符后,切换到其它页面,再回到此页时输入框文字保留,证明被缓存</el-tag>
  5. <br /> <br />
  6. <el-tag>同时滚动下拉,返回时还会保持滚动条所在的位置</el-tag>
  7. <br /> <br />
  8. <el-input v-model="value" placeholder="input here" />
  9. <div style="height:1000px;"></div>
  10. </basic-container>
  11. </template>
  12. <script>
  13. export default {
  14. data() {
  15. return {
  16. value: ""
  17. };
  18. }
  19. };
  20. </script>