
element
你蠢哭我咯
个人博客:www.adebibi.com
展开
-
vue中element组件样式修改无效
<style>.homepage { .el-input__inner { height: 48px; }}</style>直接写style注意不加scoped,然后用一个组件最外层的class包裹住,就不会改到所有的组件的样式了。原创 2017-08-09 16:00:27 · 17956 阅读 · 17 评论 -
element-ui 使用input实时限制输入
vue文件<el-input type="text" @input.native="changeCode" v-model="formSearch.licensedCode" maxlength="40" placeholder="请输入" clearable></el-input>changeCode() { this.$nextTick((原创 2018-11-07 17:08:13 · 20823 阅读 · 1 评论 -
element表单验证及清除校验
<el-form class="task-dialog-form" :model="againForm" :rules="againRules" size="small" ref="againForm" label-width="80px"> <el-row> <el-col :span="原创 2018-07-25 09:20:10 · 60346 阅读 · 9 评论 -
element el-input @change 无法触发,@input值出错问题
这里是demohtml<div id="app"> el-input <el-input v-model="input" @input="changeValue"></el-input> class el-input <div class="el-input"> <inpu原创 2018-06-20 10:39:26 · 40446 阅读 · 2 评论 -
vue-cli PC端构建
# 全局安装 vue-clinpm install --global vue-cli //首次安装需要# 创建一个基于 webpack 模板的新项目vue init webpack my-project# 安装依赖,走你cd my-projectnpm install//使用cnpm install代替npm run devlocalhost:8080查看安装axios...原创 2017-07-27 17:11:17 · 1601 阅读 · 0 评论 -
element-ui中dialog弹窗关闭按钮失效
<el-dialog title="修改库存" :visible.sync="kcDialog" @close="kcDialog = false">...</el-dialog>加一个@close可以是一个方法或者直接操作kcDialog为false原创 2017-11-20 09:30:00 · 24430 阅读 · 2 评论 -
Element-ui table中过滤条件变更表格内容
组件中:<el-table :data="users" highlight-current-row v-loading="listLoading" style="width: 100%;"> <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> </el-table-co原创 2017-11-01 13:43:03 · 33573 阅读 · 0 评论 -
VUE2.0 element upload使用
<template> <div class="uptemp"> <el-upload class="upload-demo" ref="upload" multiple="false" action="/web/api/uploadFile" :on-preview="handlePreview" :on-remov原创 2017-09-29 11:29:18 · 15918 阅读 · 4 评论 -
vue中for循环更改数据,数据变化但页面数据未变
let that = this;for(let i = 0;i<that.tableData.length;i++){ this.tableData[i].zzzk = this.midForm.zzzk; console.log(this.tableData[i].zzzk) this.tableData[i].zhje = this.tableData[i].zzzk * this原创 2017-09-15 09:22:46 · 10982 阅读 · 0 评论 -
vue-cli中引入element
引入elementnpm i element-ui -S使用。在main.js中引入import Vue from 'vue'import App from './App'import router from './router'import '../theme/index.css'import ElementUI from 'element-ui'import echarts from原创 2017-07-27 16:47:31 · 383 阅读 · 0 评论 -
element中el-cascader使用props设置value、label、children
从后端拿到arr数据结构:cityList: [ { id: 1, name: '北京', child: [ id: 11, name: '大兴区', child: [ id: 111, name: '亦庄' ] ] }]vue文件代码<el-cascader :options="cityList" :pr...原创 2019-01-02 20:50:29 · 71455 阅读 · 22 评论