Vue加Element的基本运用

`

SSM阶段机试，ts={{ts}}

<el-button type="primary" icon="el-icon-search" @click="search()">搜索
<el-button type="primary" @click="dialogVisible = true">添加

<el-table :data="tableData" style="width: 100%">
		<el-table-column prop="dictId" label="ID">
		</el-table-column>
		<el-table-column prop="dictCode" label="字典名称">
		</el-table-column>
		<el-table-column prop="dictValue" label="字典值">
		</el-table-column>
		<el-table-column prop="dictType" label="字典类型">
		</el-table-column>
		<el-table-column prop="dictRemark" label="字典备注">
		</el-table-column>
		<el-table-column prop="" label="操作">
		</el-table-column>
	</el-table>
	
	
	<el-dialog title="新增" :visible.sync="dialogVisible" width="50%" @close="handleClose">
		<span></span>
		
		<el-form :rules="rules" ref="ruleForm" label-width="80px" :model="formData">
			<el-form-item label="ID" prop="dictId">
				<el-input v-model="formData.dictId"></el-input>
			</el-form-item>
			<el-form-item label="字典名称" prop="dictCode">
				<el-input v-model="formData.dictCode"></el-input>
			</el-form-item>
			<el-form-item label="字典值" prop="dictValue">
				<el-input v-model="formData.dictValue"></el-input>
			</el-form-item>
			<el-form-item label="字典类型" prop="dictType">
				<el-input v-model="formData.dictType"></el-input>
			</el-form-item>
			<el-form-item label="字典备注" prop="dictRemark">
				<el-input v-model="formData.dictRemark"></el-input>
			</el-form-item>
		</el-form>
	
		<span slot="footer" class="dialog-footer">
			<el-button @click="dialogVisible = false">取 消</el-button>
			<el-button type="primary" @click="onSubmit">确 定</el-button>
		</span>
	</el-dialog>
	
</div>

`