![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
菜搬砖
没有天赋却死磕编程的笨鸟。
展开
-
Vue子组件向父组件传值(this.$emit()方法)
子组件使用this.$emit()向父组件传值首先必须在父组件中引用子组件,然后实现传值 第一步 在父组件中引入子组件 使用import引入组件import indexImportOrder from './components/indexImportOrder'声明//定义组件 components:{ indexImportOrder,...原创 2018-08-13 19:10:46 · 273036 阅读 · 9 评论 -
Vue--将页面中数据导出excel文件(导出table表格数据)
一、 安装三个依赖项$ npm install -S file-saver$ npm install -S xlsx$ npm install -D script-loader二、在项目中新建一个文件夹(一般在src下新建,文件名自取,在这里命名为excel),在文件夹中放入Blob.js 和 export2Excel.js (这两个文件可在gitup上进行下载)Blob.js ...原创 2018-09-18 11:31:22 · 18565 阅读 · 29 评论 -
使用Vue-cli脚手架工具构建Vue项目
1.首先安装node.js,到node.js官网进行下载可参照:https://www.runoob.com/nodejs/nodejs-install-setup.html2.搭建vue项目,选择文件夹打开命令行//全局安装 vue-cli$ npm install -g vue-cli//创建一个基于“webpack”模板,名为myDemo的新项目$ vue init we...原创 2018-09-11 09:41:41 · 242 阅读 · 0 评论 -
vue项目使用element-ui组件
1.安装element-ui组件在命令行工具中输入npm i element-ui -S2.在vue项目中引用element-ui组件在main.js中引入全部element UI 样式// 引入饿了么的组件import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue...原创 2018-09-11 10:54:18 · 3371 阅读 · 0 评论 -
Vue导出office模板文件(xdoc在Vue中的使用)
因项目需求需要实现数据打印功能,及将页面数据写入pdf文档保存在本地。我借助的XDOC智能文档平台来实现此功能,xdoc几乎支持所有的开发语言,使用方便。首先,需要引入xdoc的js文件,在index.html中添加如下代码:<script type="text/javascript" src="http://www.xdocin.com/xdoc.js"></scri...原创 2018-12-11 21:53:44 · 3373 阅读 · 0 评论 -
Vue路由
Vue路由vue路由有两种模式:hash:哈希模式,也是vue路由的默认模式,使用url的hash来模拟一个完整的路由,于是当url改变时,页面不会重新加载;依靠散列算法:将不定长度的内容转换为定长的内容存入hash表中,当路由不同时,可以散列计算出不同的值,进行查找。history:历史模式,利用history.pushState API来完成url跳转而无需重新加载页面。但这种模式...原创 2019-08-21 14:32:55 · 515 阅读 · 0 评论