vue
北海军
这个作者很懒,什么都没留下…
展开
-
swicth改变状态后返回新状态以及其他参数
<div slot="status" slot-scope="{ row,index }"> <i-switch :value="row.status" :true-value="1" :false-value="0" @on-change="switchStatus($event,row,index)"></i-switch></div...原创 2019-12-30 11:37:22 · 347 阅读 · 0 评论 -
循环动态生成的ref表单验证
<div v-for="(item,index) in formData" :key="index"> <div class="activeForm">{{item['title']}}</div> <Form :ref="'roleForms' + index" :model="roleForm[index]" :rules="role...原创 2019-12-13 10:41:10 · 723 阅读 · 0 评论 -
$listeners 孙组件返回数据爷组件接受
// 爷页面<div class="ipass-headerinfo"> <configuration @emits="emitFn"></configuration> // configuration为父组件</div>methods: { emitFn (data) { // data为孙组件返回数据 ...原创 2019-12-11 14:18:00 · 156 阅读 · 0 评论 -
img动态背景图
<header class="header" :style="{background: 'url( '+ activeBackground +') center'}">data () { return { activeBackground: require('../../../assets/images/headLogo1.png') // 不加requ...原创 2019-12-11 11:48:50 · 289 阅读 · 0 评论 -
图片下载
export const exportImg = function (imgsrc,name) { /* url图片地址,name图片名称 */ // 不跨域 // let alink = document.createElement('a'); // alink.href = url; // alink.download = name || '图片下载'; //...原创 2019-11-22 10:04:48 · 301 阅读 · 0 评论 -
upload 自定义表单先选择在上传(多张)
// orgForm = {path:[{name:88,file:'ysdiuadh'}]} 数据结构const formdata= new FormData();for(let item in this.orgForm) { if(item === 'path') { // 选择文件路径,是个数组 this.orgForm[item].forEach(items ...原创 2019-11-19 16:18:47 · 175 阅读 · 1 评论 -
循环tree型结构路由权限下面按钮权限数据
let treeData = [ // 数据结构,循环获取所有buttonList { children: [ { buttonList:[{method:1},{method:11}], children: [ { ...原创 2019-10-25 16:02:26 · 130 阅读 · 0 评论 -
input输入框只可输入正数
<el-table-column prop="deptCost" width="160" :label="'协助事业部内部成本\n' + totalList.deptsCostPlanTotal + '(元)'"> <template slot-scope="scope"> <el-input :disabled="isSubmit" @keyu...原创 2019-07-31 17:18:09 · 1074 阅读 · 0 评论 -
date(vue项目中点击获取不同时间,elment时间插件)
// html<BtnTb class="bableStyle ml10 w90" v-for="(item, index) in setDays" :key="index" @click="setTime(item.time)">{{item.title}}</BtnTb>// datasetDays: [ {title: '当天', time: '原创 2018-11-13 14:53:56 · 874 阅读 · 0 评论 -
vue(循环数组下对象下数组)
<ul v-for="(items, index) in allPayTypes" :key="index" class="pay-list"> <li style="display: flex"> <div class="mb10 mr10">{{items.payTititle}}</d原创 2018-09-03 13:45:33 · 2987 阅读 · 1 评论 -
vue(emit子组件触发父组件事件)
//子组件<button class="btn-operate btn-style-main mr10 mb10" @click="insuranceInformation">新增</button>methods: { insuranceInformation () { this.$emit('showInsurInformation') }}...原创 2018-08-22 14:43:02 · 8524 阅读 · 2 评论 -
vue(active样式切换)
// 情况1<div href="#!" class="collection-item"v-for="gameName in gameNames"@click="selected(gameName)":class="{actives: activeName == gameName}">{{gameName}}</div><原创 2018-03-31 11:18:32 · 2472 阅读 · 0 评论 -
vue(vux table表格)
<x-table :full-bordered="false" :content-bordered="true" :cell-bordered="false" style="background-color:#fff;" v-for='(item,index) in tableList' > &...原创 2018-06-14 15:27:24 · 12567 阅读 · 1 评论 -
vue(路由返回不刷新)
,{ path: '/OrderDetails/:a/:b/:c/:d', name: 'OrderDetails', component: OrderDetails }//OrderDetails.vuesessionStorage.setItem("keys", window.location.pathname);//返回OrderDetails.vue ...原创 2018-03-31 14:59:27 · 2249 阅读 · 0 评论 -
vue(echarts引入),以及报错处理,动态赋值不刷新试图
1.index.js中引入<scriptsrc="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>2.在webpack.base.config.js添加 externalslet webpackConfig = { context: path.resolve(...原创 2018-06-15 14:47:31 · 1972 阅读 · 0 评论 -
vue打包显示Dom7报错(swiper引入版本为4)
解决方法:引入swiper低于4版本(3.4.2版本即可)原创 2018-06-26 15:52:05 · 5630 阅读 · 0 评论 -
vue(环境搭建,插件引用)
//main.js//npm install vuex --save //vuex安装// npm install -g cnpm --registry=https://registry.npm.taobao.org //淘宝安装// cnpm install element-ui --save //element-ui安装// cnpm install axios --save //ax...原创 2018-07-03 15:25:16 · 383 阅读 · 0 评论 -
vue(删除node-modules提示无权限)
npm install rimraf -grimraf node_modules转载 2018-07-06 11:59:05 · 4528 阅读 · 0 评论 -
date(基于element,vue当前时间点击前,后一天)
<span class="c-btn-link mr10" @click="beforeDate">前一天</span><el-date-picker v-model="valueDate" type="date" placeholder="选择日期" format="yyyy - MM - dd "原创 2018-07-27 10:09:19 · 8936 阅读 · 0 评论 -
element table序号
<el-table :data="tableData" border> <el-table-column type="index" label="序号" header-align="center" align="center"> </el-table-column></el-tabl转载 2018-08-15 16:06:22 · 8516 阅读 · 1 评论 -
element table(隐藏某个表头数据)
<el-table-column prop="status" label="" v-if="hideRow" header-align="center" align="center"></el-table-column>//只能v-if不能v-show转载 2018-08-15 17:52:52 · 18801 阅读 · 0 评论 -
vue (验证码,基于vux)
<div class='serviceCode'> <x-input ref="accesCodes" type="number" title="手机验证码" placeholder="请输入验证码" v-model="accesCode" ></x-input> <button>转载 2018-06-14 17:23:44 · 1824 阅读 · 0 评论