- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue组件间的通信方式
Vue组件通信Vue组件的通信大概可以分为一下三种类型：父子组件间的通信组件间的通信跨多级组件通信方法有点多，本篇先介绍父子组件间的通信。1、propprop是最常见的一种方式，用于父组件向子组件传递数据，数据只能单向单向传递（不能子传父），这样的目的是防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。// Parent.vue<template> <div> <Child v-bind:title="titl
2020-08-12 17:26:30
214
原创 Vue嵌入iframe，两个工程间的通信
前言开发中可能会碰到这种情况：当前工程需要嵌入另一个工程的页面，此时两个工程间的通信可能就会碰到js跨域的问题。这里记录一下我的解决方法。关键使用postMessage发送消息使用addEventListener监听发送过来的消息实现父页面代码：<template> <div> <div class="box"> <...
2020-04-21 10:40:32
1116
原创 Vue+Element实现表格单元格编辑
前言Element的表格组件并没有给出明确的点击单个单元格进行的编辑的方案，我仔细阅读了官方的文档后，发现这个操作还是可以实现的。实现原理利用表格的highlight-current-row属性，可以实现点击表格某行时，可以给改行加上名为current-row的class。利用cell-click属性，可以获取当前点击的单元格列对应的class.根据current-row和获取到当前点...
2020-04-20 18:24:12
3486
7
原创 Ant Design封装年份选择组件
常见问题在平时的业务场景中，我们需要用到一个年份的选择组件。但是在antd2.x的版本中，antd的DatePicker组件还没有mode属性，不能单独设置为年份选择器。虽然antd3.x添加了mode属性，但是我在使用的过程中还是发现了一些问题，官网中也有提到相应解决方案，但是并没有完全解决我的问题，再次记录一下我的解决方案。问题一DatePicker组件设置成年份选择后，点击年份后onC...
2020-04-19 18:11:00
3695
5
原创 Vue3.0脚手架安装和工程的创建
Vue CLI的安装注意Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。安装命令npm install -g @vue/cli# 或yarn global add @vue/cli安装完成后可以查看脚手架版本vue --version创建工程创建Vue...
2020-04-18 19:06:34
374
原创 css元素居中的几种方式
Div垂直居中css实现水平居中功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入在我们的开发中，元素的垂直居中是经常遇...
2020-04-18 17:25:16
384
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人