随笔分类 -  Vue

Vue常见的框架
摘要:1. Element:一套为开发者,设计师和产品经理准备的基于Vue 2.0的桌面端组件库 地址:https://element.eleme.cn/#/zh-CN 2.iview:主要服务于PC界面的中后台产品 地址:https://www.iviewui.com/ 3.Vue Material:设 阅读全文

posted @ 2019-08-07 13:44 M柒七 阅读(3939) 评论(0) 推荐(0)

vue问题六:表单验证
摘要:表单验证规则 <el-form ref="form" :rules="rules" :model="form" label-width="300px"> <el-form-item label="发货人电话" prop="phone"> <el-input class="inp" v-model=" 阅读全文

posted @ 2018-10-23 19:41 M柒七 阅读(741) 评论(0) 推荐(0)

vue问题六:计算属性,依赖发生变化时,重新计算computed:
摘要:<el-form-item label="单价:" prop="price" > <el-input v-model="addform.price" type="number" placeholder="请输入单价" auto-complete="off" class="widc" ></el-in 阅读全文

posted @ 2018-10-23 19:39 M柒七 阅读(2616) 评论(0) 推荐(0)

vue问题五:element ui组件的开始时间-结束时间验证
摘要:<el-date-picker v-model="seach.before" type="date" placeholder="开始时间" value-format="yyyy-MM-dd" class="wida" :picker-options="pickerBeginDateBefore" @ 阅读全文

posted @ 2018-10-23 19:37 M柒七 阅读(3151) 评论(0) 推荐(0)

vue问题四:富文本编辑器上传图片
摘要:vue使用富文本编辑器上传图片: <template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <div ref="editor" class="text"> </div> </div> 阅读全文

posted @ 2018-10-23 19:31 M柒七 阅读(4575) 评论(0) 推荐(0)

vue问题三:element ui的upload组件上传图片成功和移除事件
摘要:element ui的upload组件上传图片成功和移除事件: 用getItem取出: <div class="addImg"> <el-upload ref="upload" class="wid" :action="upimg" list-type="picture" :on-preview=" 阅读全文

posted @ 2018-10-23 19:29 M柒七 阅读(8654) 评论(0) 推荐(0)

vue问题二:vue打包时产生的问题
摘要:vue项目打包问题:vue中默认的config/index.js的配置的详细理解: 1). 分离部署时,打包需要将config/index.js中 //默认在config/index.js var path = require('path') module.exports = { //打包 buil 阅读全文

posted @ 2018-10-23 19:26 M柒七 阅读(594) 评论(0) 推荐(0)

vue问题一:触发接口
摘要://在script中先引用 import api from './../../api/index' //vue文件方法中 写 del(index, row) { let self=this; // 传的值放para中。 let para = { Rulesid: row.id } //单击后弹出框, 阅读全文

posted @ 2018-10-23 19:24 M柒七 阅读(814) 评论(0) 推荐(0)

初学vue 在做项目时遇到的问题与解决办法(使用element组件)(二)
摘要:<el-table-column prop="option" label="操作" align="center" > <template slot-scope="scope"> <el-button size="mini" plain @click="del(scope.$index,scope.r 阅读全文

posted @ 2018-10-12 07:49 M柒七 阅读(2574) 评论(0) 推荐(0)

vue问题八:动态加载loading、浏览器图标
摘要:在main.js或者index.js引用 import {Loading} from 'element-ui' 按照 文档所示修改 <el-table-column prop="option" label="操作" align="center" > <template slot-scope="sco 阅读全文

posted @ 2018-10-12 07:48 M柒七 阅读(3083) 评论(0) 推荐(0)