
vue
java小白_hak
认真书写bug中,勿打扰。
展开
-
Vue-router 中hash模式和history模式的区别
Vue-router 中hash模式和history模式的关系 在vue的路由配置中有mode选项 最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的 mode:"hash"; mode:"history"; hash模式和history模式的不同 对于vue这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。 为了达到这...转载 2020-08-12 16:08:08 · 234 阅读 · 0 评论 -
vue + elementUI 表单验证——身份证,手机号
话不多说,直接贴代码 <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> <el-form-item label="身份证" prop="idNumber"> <el-input v-model="form.idNumber" style="width: 370px;" /> </el-form-item> <el-form-ite原创 2020-07-06 16:59:49 · 3885 阅读 · 0 评论 -
Vue+elemenUI 省市区三级联动
<el-form-item label="省"> <el-select v-model="form.province" @change="gengxin1"> <el-option v-for="item in address" :value="item.sheng">{{item.sheng}}</el-option> </el-select> </el-form-item> <el-form-item la原创 2020-07-06 15:35:38 · 216 阅读 · 0 评论 -
elementUI table 实现表格展示行只展示一行
elementUI table 实现表格展示行只展示一行 表格加入 :row-key='getRowKeys' :expand-row-keys="expands" @expand-change="expandSelect" data加入 data:{ expands: [], }, methods加入 getRowKeys(row) { return row.id }, expandSelect(row, expandedRows) { var that = this if原创 2020-07-03 18:50:25 · 1719 阅读 · 0 评论 -
vue+element-ailoss实现简单的上传图片
前端 /* eslint-disable */ <template> <div> <el-upload :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :before-upload="onBeforeUpload" :on-exceed="handleExceed" :on-success="handSuccess"原创 2020-07-01 11:55:19 · 260 阅读 · 0 评论