
element-ui
南极一块修炼千年的大冰块
一名不断成长中的前端开发工程师,希望在这里能多多学习,同时也能将知识分享给更多的人。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue+elementui地址三级联动,附代码及中国省市区地址json文件
没什么难的东西,也没有复杂的逻辑,但是重新写可能费时间,贴出代码给大家工作中参考(复制粘贴)一下吧。template代码<el-form-item label="选择地址" label-width="100px" prop="province"> <section class="address-select-list"> <el-select class="adress-select" v-model="formAddressData.province"原创 2020-11-10 12:06:30 · 2973 阅读 · 1 评论 -
el-diolog自定义样式的问题
<style> </style>不能加 scopedcustom-class 是el-dialog 的自定义类名,直接class的类名会被绑定到el-dialog的父元素上原创 2020-10-16 16:54:25 · 312 阅读 · 0 评论 -
elementui表格自定义表头,template slot=“header“,表头判断监听不到数据更新的问题
代码背景:很简单的一个小功能,每一项都有一个继续或者暂停的按钮,表头有一个全部继续或全部暂停的总按钮。类似于选中和全选全不选的功能。<el-table-column align="center"> <template slot="header"> <span @click="xxx"> {{this.allBool?'全部继续':'全部暂停'}}</span > </template> <template slot-scop.原创 2020-08-31 16:50:38 · 9578 阅读 · 4 评论 -
@keyup.enter.native不生效?看看@keyup.enter.native和@keyup.enter的区别和使用
vue中特殊的键盘修饰符,不必去记特定的keyCode:@keyup.13 == @keyup.enter@keyup.9 == @keyup.tab@keyup.46 == @keyup.delete (捕获 “删除” 和 “退格” 键)@keyup.27 == @keyup.esc@keyup.32 == @keyup.space@keyup.38 == @keyup.up@keyup.40 == @keyup.down@keyup.37 == @keyup.left@keyup.39原创 2020-07-23 10:20:21 · 8210 阅读 · 4 评论 -
在vue+element-ui中,select选项值动态从后台获取,同时将选中值的id传给后台的方法
**问题:** 选项动态从后台获取,同时要实时获取到用户选中值的id 如select框有红,黄,蓝三个值,id分别为1,2,3 用户点击红,我要获取到红的id为1 用户点击黄,我要获取到红的id为2 用户点击蓝,我要获取到红的id为3 **首先问题步骤分为三步:** 1,点击select框,发送请求到后台取到值data,动态渲染到页...原创 2019-07-12 19:14:11 · 40420 阅读 · 20 评论 -
在局域网下通过ip地址访问vue本地项目
一找到:build>>webpack.dev.conf.js把const HOST = process.env.HOST修改为:const HOST = ‘192.168.1.139’(192.168.1.139是本地电脑的ip地址)二找到:package.json把"dev": “webpack-dev-server --inline --progress --con...原创 2019-10-29 14:11:38 · 498 阅读 · 0 评论 -
在el-table中判断三种情况,显示不同的数据
后端传来的数据是数据0,1,2。0代表未支付,1代表支付宝支付,2代表微信支付,要求动态显示在表格中 <el-table-column align="center" prop="pay_method" label="支付方式" width="150"> <template slot-scope="{row: {pay_method}}"> ...原创 2019-07-12 21:25:06 · 9330 阅读 · 0 评论 -
在main.js的axios中配置响应拦截器,当token值不合法直接跳转到登录页
先上代码:// 给axios配置响应拦截器axios.interceptors.response.use( function(response) { // 通过响应拦截器,直接返回 res.data console.log(response.data.code) if (response.data.code === 4002) { Vue.prototy...原创 2019-09-29 17:32:09 · 919 阅读 · 0 评论