![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Tangctt
这个作者很懒,什么都没留下…
展开
-
Vue生命周期介绍
Vue生命周期介绍原创 2022-07-28 20:03:59 · 169 阅读 · 0 评论 -
el-image-viewer预览大图
el-image-viewer预览大图问题描述在使用Elememt UI组件库时,通过el-image-viewer组件实现大图预览,会导致预览的大图重叠显示原因Elememt UI组件库中的el-table组件和el-image-viewer组件冲突把el-image-viewer组件包含在了el-table组件内,导致el-table组件将其作为el-table-column进行渲染<el-table :data="simulationResult" stripe style=原创 2022-04-29 15:03:28 · 2614 阅读 · 0 评论 -
Vue路由传参
Vue路由传参方式一:配置动态路由页面刷新,参数不会消失URL路径中会显示传递的参数// 1. 路由配置文件中配置动态路由{ path: '/detail/:id', name: 'Detail', component: Detail } //2. 使用,跳转时页面var id = 1;this.$router.push('/detail/' + id)//url形式: http://192.169.3.198/detail/1 //3原创 2022-04-25 19:40:22 · 593 阅读 · 1 评论 -
Vue组件间常用传参方式
Vue组件间常用传参方式1. props、emit(最常用的父子通讯方式)父传子父组件传入属性,子组件通过props接收,就可以在内部this.XXX的方式使用// 父组件<hello-world msg="hello world!"><hello-world>// 子组件<div>{{msg}}</div>props:['msg']子传父子组件$emit(事件名,传递的参数)向外弹出一个自定义事件,在父组件中监听子组件的自定义原创 2022-04-24 16:37:42 · 3331 阅读 · 0 评论 -
Cookie、LocalStorage、SessionStorage的异同
Cookie、LocalStorage、SessionStorage的异同基本概念Cookie 的大小限制为4kb左右,主要作用是保存登录信息,比如登录某个网站时候看到“记住密码”,一般都是通过在 Cookie 中存入一段辨别用户身份的数据来实现的LocalStorage 和 sessionStorage 都是 HTML5 标准中新加入的技术,主要用来做本地存储,但是二者保存数据的生命周期不同Session 是“会话”的意思,sessionStorage 只是可以将一部分数据在当前会话中保存下来,原创 2022-04-19 16:16:44 · 165 阅读 · 0 评论 -
快速创建Vue项目
快速创建Vue项目步骤快速创建Vue项目有以下五个步骤1. 安装node.js到node.js官网下载稳定版node.js2. 验证安装成功node-v和npm-v查看版本3. 安装vue-clinpm install --global vue-cli4. 创建项目vue initwebpack + 项目名或者vue create + 项目名...原创 2022-03-30 14:46:34 · 824 阅读 · 0 评论