【VUE】
现在大多数公司趋向于前后端分离,vue语法简单,使用方便,被广大前端爱好者使用,本专栏小编将从项目实践展现给大家vue的魅力,欢迎前来拍砖!
种下星星的日子
用代码书写人生,尽在我的CSDN,欢迎大家访问!
展开
-
【Vue】Quill Editor自定义组件
最近小编在做案例展示,在富文本编辑器这里花了不少时间,还好有前端大哥帮忙,这才拨开云雾见月明。对于图文信息,有多种编辑器,我选用的是Quill Editor。对vue的使用还不熟练,在富文本编辑器这里遇到的问题主要是上传图片,我们要求的是限制图片最大宽度800px,大小不超过1M。下面我们来说说富文本编辑器的引入和使用:1、执行命令:npm install vue-quill-editor ...原创 2019-06-25 14:16:05 · 1561 阅读 · 0 评论 -
【Vue】路由跳转
路由跳转有几种方式,我用的最多的是$router.push的方法:实践:例如下面的页面,要求点详情跳转到详情页。那么在列表页代码如下://详情detail (id) { this.$router.push({ path: '/cms-storeoperationcontent/storeoperationcontent-detail', query: { ...原创 2019-07-04 17:48:25 · 1054 阅读 · 0 评论 -
【Vue】el-button按钮显示/隐藏
路由跳转不同页面,显示相应的按钮,在这里,小编介绍一下如何设置el-button的隐藏和显示,仅做笔记,请多指教!实现效果:添加/编辑页面 显示取消、发布、保存;详情页,如果是已发布状态,显示下线:实现代码如下:定义四个按钮:<el-button @click="visible = false" :style="{ display: visibleCancel }">取消...原创 2019-07-16 15:18:35 · 49286 阅读 · 7 评论 -
【Vue】el-upload上传
上传图片效果图:实现代码:<el-form-item label="上传banner" prop="logo"> <span>支持扩展名:.png \ .jpg \ .jpeg;文件大小为:1920*676 px</span> <el-upload class="avatar-uploader" :headers="heade...原创 2019-07-19 14:49:30 · 3047 阅读 · 0 评论 -
【Vue】列表嵌入下拉框
如何将下拉框嵌入列表,如下:实现代码:<el-table border :data="linkData"> <el-table-column label="终端" > <template slot-scope="scope"> <el-select v-if="scope.row.addSign" v-mo...原创 2019-07-19 20:10:42 · 1741 阅读 · 0 评论