vue+ element项目实践【2020】

pc 调用打印机

	const jubuData = document.querySelector('#tabs2').innerHTML
	window.document.body.innerHTML = jubuData
	window.print()
	window.location.reload()

element textarea

<el-form-item label="填写回退原因" prop="reason">
	<el-input type="textarea"  :autosize="{ minRows: 4}" maxlength="100" v-model="operForm.reason" clearable></el-input>
</el-form-item>

vue 事件绑定

<el-button type="success" size="mini" icon="el-icon-plus" class="add-button" @click="editAction(null,'create')">新增</el-button>

vue 主键

<OperateModel ref="operateModel" :flag="operateModelFlag" @updateOperateModelFlag="updateOperateModelFlag" @queryTable="getActivityList"></OperateModel>

element 表单校验

<el-input v-model.trim="operForm.cCscontent" autocomplete="off" maxlength="300"></el-input>
< el-input type="text" v-model.trim="queryForm.orderId" clearable placeholder = "请输入订单号"></el-input>
<el-input v-model="operForm.nHkje"autocomplete="off" placeholder="请填写还款金额(限数字)" clearable maxlength="20"></el-input>

element 表单下拉

<el-form-item >
	<el-select v-model="queryForm.sxid" placeholder="请选择有效标志" clearable>
		<el-option label="有效" value="0"></el-option>
		<el-option label="无效" value="1"></el-option>
	</el-select>
</el-form-item>