10 2022 档案
摘要:<el-dialog title="formTitle" :lock-scroll="false" //主要是这个属性 :append-to-body="true" //跟这个属性 ></el-dialog>
阅读全文
摘要:<div v-if="error" key="search-status"> 错误{{error}} </div> <div v-else key="search-results"> {{results}} </div> 如果一组v-if+v-else的元素类型相同,最好使用属性key。 如果添加了
阅读全文
摘要:<div v-for="item in items" :key="item.id"></div> key这个特殊性主要用在Vue.js的虚拟DOM算法中,在对比新旧虚拟节点是辨识虚拟节点 为什么要设置属性key呢? 因为在虚拟dom更新子节点时,需要从旧节点列表中查找与新虚拟节点相同的节点进行更新。
阅读全文
摘要:为列表渲染增加属性key 在v-if/v-if-else/v-else中使用key 路由切换组件不变 为所有路由统一添加query 区分Vuex和props的使用边界 避免v-if和v-for一起使用 为组件样式设置作用域 避免在scoped中使用元素选择器 避免隐性的父子组件通信 单文件组件如何命
阅读全文
摘要:浏览器实现页面回退的三个步骤: //1、在刚进入页面时在浏览器历史记录中加一条当前页面的记录 window.addEventListener('popstate', this.popstateFun,false); //2、监听浏览器回退的方法: popstateFun(){ //监听浏览器回退的回
阅读全文