![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
卑微皮卡丘
你只管努力,其他的交给天意!
展开
-
Vue+element实现表格数据的导出
1.安装依赖 npm install --save xlsx file-saver 2.在相应的组件中使用 <script> import FileSaver from 'file-saver' import XLSX from 'xlsx' </script> 3.添加导出按钮,写导出方法 其中用到两个el-table,是因为:第一个表格是页面上的表格数据,...原创 2019-12-28 17:13:48 · 1124 阅读 · 1 评论 -
Vue+element实现图片的上传与显示
业务逻辑:某个模块新增时新增图片,详情显示也有图片字段,编辑也能对图片进行编辑。 1.图片上传 自己写了一个图片上传的组件,在父组件中引入即可,图片上传组件返回一个图片id的数组,然后在父组件的上传函数中把图片id传给对应的字段即可。 父组件: <template> <div> <el-form-item label="图片" prop="i...原创 2019-12-07 17:46:39 · 2043 阅读 · 0 评论 -
Vue中使用echarts
1.vue中安装echarts依赖 使用npm进行安装npm install echarts -S 2.全局引入echarts 在main.js文件引入,这样在全局就可以使用this.$echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.在Vue的任何文件中就可以使用echarts啦 &...原创 2019-12-07 17:12:00 · 228 阅读 · 0 评论 -
Vue中使用富文本编辑器wangEditor(包括图片上传)
1.vue中安装wangEditor 使用npm安装:npm install wangeditor --save 2.创建公共组件 在components中创建editor文件 组件内容为: <template lang="html"> <div class="editor"> <div ref="toolbar" class="to...原创 2019-12-07 16:35:58 · 1141 阅读 · 1 评论 -
认识Vue
1.什么是Vue.js? Vue是前端的主流框架之一,与Angular.js,React.js一起,成为三大前端主流框架。 Vue除了可以开发网站,还可以开发手机App,不过需要借助Weex。 Vue.js是一套构建用户界面的框架,容易上手,还便于与第三方库相结合。 Vue.js是轻量高效的。 2.什么是Vue的渐进式? 渐进式就是一种可以逐渐增加的开发方式,Vue包含核心库和vue插...原创 2019-08-20 15:48:53 · 90 阅读 · 0 评论 -
Vue-----指令与修饰符
1.常用的指令 {{}}:插值表达式 v-html:显示html的内容 v-text:和插值一样也是使用vue中的变量,但是默认没有闪缩问题,但是会覆盖原本的内容,插值不会 v-cloak:解决插值的闪烁问题 v-bind:属性绑定,等同于: v-on:事件绑定,等同于@ v-if:实现条件渲染,Vue会根据表达式的值的真假条件来渲染元素。 v-else:v-else是搭配v-i...原创 2019-08-20 16:34:42 · 336 阅读 · 0 评论