yuhong's blog

文章目录一、先决条件一、两种情况二、代码情况一情况二1.设置keep-alive2.记录滚动条位置3.获取滚动条位置三、核心代码四、属性一、先决条件1.vue框架2.使用keep-alive keep-alive的vue官网链接一、两种情况1.第一种情况：从列表跳转到详情，详情页只供查看，不需要编辑，因此跳转回去的时候不需要更新页面数据2.第二种情况：从列表跳转到详情，详情页需要编辑，因此跳转回去的时候需要更新页面数据二、代码情况一1.设置 keep-alive2.从列表页跳

问题描述：1.从列表页新建跳转至详情编辑页，3 个 el-checkbox 选中第 3 个，保存，跳转回列表页。2.点击此条信息对应的编辑按钮进入编辑详情页，el-checkbox 选中情况跟原先一样，但是点击第 1、3 个 el-checkbox 框无法选中，点击原来的第 2 个之前选中的 el-checkbox 框，无法取消选中。3.watch监听不到变化；@change监听到值一直不变， el-checkbox-group 绑定的v-model值发现无论怎么选始终都为 [2]。旧代码情况：

vue官方教程笔记一基础部分介绍声明式渲染条件与循环处理用户输入组件化应用构建vue实例完整的组成元素API文档创建vue实例数据与方法生命周期钩子模板语法插值指令缩写(语法糖)计算属性和侦听器计算属性侦听器Class 与 Style 绑定条件渲染v-ifv-showv-if vs v-showv-if 与 v-for一起使用列表渲染事件处理监听事件事件处理方法内联处理器方法：事件修饰符按键修饰符按键码（已经被废弃）系统修饰符表单输入绑定基础用法值绑定修饰符在组件上使用v-model组件基础基本示例组件的复

el-tooltip的content折行展示问题描述：1.接口给一个字符串，前端根据给定标志做折行操作代码描述：1.用计算属性接收字符串处理成相应数组返回2.内容通过for循环每段语句和’<br/>'进行折行<el-tooltip placement="top"> <div slot="content"> <span v-for="item in contentList(scope.row.str)"