vue.js
ljlttkx
。。。。。
展开
-
Vue利用$parent,ref,$children,$root实现父子组件传参
添加链接描述转载 2021-10-15 14:09:35 · 306 阅读 · 0 评论 -
利用localstorage解决vuex页面刷新数据丢失问题
一、场景描述:根据用户的登录状态来实现不同的路由跳转,这个功能之前有写到用三目运算来实现。那么这个用户状态又怎么做呢,怎么在登录期间刷新页面而不丢失用户信息?首先想到Vuex作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化,导致数据丢失。因为vuex里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,vuex里面的数据就会被重新赋值。二、解决思路:将用户信息更新至vuex中并保存到local storage,这样页面刷新或者其他页面都可以读取到用户信息。具原创 2021-09-07 20:25:53 · 3049 阅读 · 0 评论 -
iview Page组件调用@on-page-size-change方法会先调用@on-change
问题:切换页码时,如果页码不是在第一页时,页面展示错误。这时候更改每页条数,应该要将页码更改到第一页开始用的代码如下: pIndexChange(i) { //页码改变的回调 this.tableData = [] this.page.index = i; this.getCoaDetec()//接口调用填充表格,数据展示 }, pSize原创 2021-08-11 10:29:52 · 616 阅读 · 0 评论 -
在vue中修改element-ui的原生样式
例子:修改走马灯默认容器高度1、看到网上说,在style标签内不要加scoped,并且使用!important<style > .el-carousel__container { height: 600px !important; }</style>但是我这样做,我其他修改的样式没办法展示了2、使用深度选择器修改element-ui的原生样式可以使用 /deep/ 前缀 通过深度选择器 来“穿透”这个样式/deep/ .el-carousel__co原创 2021-07-14 17:19:00 · 265 阅读 · 0 评论 -
vue keep-alive以及activated,deactivated生命周期的用法
vue keep-alive以及activated,deactivated生命周期的用法Vue / keep-alive转载 2021-07-29 19:12:48 · 186 阅读 · 0 评论 -
Vue中的的通信方式
props/$emit 适用父子组件通信ref与parent/children适用父子组件通信EventBus(事件总线)适用于父子、隔代、兄弟组件通信attrs/listeners 适用于隔代组件通信rovide/inject 适用于隔代组件通信vuex 适用于父子、隔代、兄弟组件通信slot插槽方式...原创 2021-07-26 19:41:44 · 63 阅读 · 0 评论 -
Vue的slot-scope和scope.row
实现效果:根据后端传来的mg_state的bool型数据来渲染开关状态,当为true时,开关打开;为false时关闭解决:状态开关属于单元格,也属于一行,如果我们拿到这一行的数据,就可以.mg_state具体值,则可以按需渲染效果。所以想到用作用域插槽来渲染状态这一列 <el-table :data="userlist" border stripe> <el-table-column type="index"></el-table-column> <原创 2021-04-28 20:21:54 · 3485 阅读 · 0 评论 -
slot插槽/slot-scope作用域及v-slot使用
匿名插槽子组件:父组件调用这个匿名组件时,传递过来的内容可以替换掉,来展示相应的内容。具名插槽子组件:对比匿名,在slot多了一个name属性作用域插槽:绑定了一个具体的数据源,可以在父组件使用作用域插槽的数据:data="data"...原创 2021-04-28 16:57:18 · 778 阅读 · 0 评论 -
webpack自动打包失败问题
运行npm run dev,进行打包,npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! webpack_study@1.0.0 dev: webpack-dev-server因为webpack-cli 4.x版本不支持webpack-dev-cli,把webpack-cli降低到3.x即可。npm i webpack-cli@3.3.12 即可覆盖原来的版本...原创 2021-04-20 21:26:27 · 407 阅读 · 0 评论 -
Vue实例的生命周期
beforeCreate:vue实例的挂载元素el和数据对象data都还没有进行初始化,还是一个 undefined状态原创 2021-04-08 20:12:19 · 110 阅读 · 0 评论 -
iview Radio绑定点击事件
说明:做一个风险问卷调查,topicsData为一个存放题目的数组, contentData存放的是每个题目对应的选项,存放格式如下:代码:<Card v-for="(item, index) in topicsData" :key="index"> <div > <h5 >{{index+1}}.{{item}}</h5> <!-- 加上:label="index1"才实现了radio的单选功能原创 2021-04-12 20:01:02 · 1873 阅读 · 0 评论