Vue
薛大傻子
这个作者很懒,什么都没留下…
展开
-
Unknown custom element: <el-input> - did you register the component correctly? For recursive compone
出现该问题是因为你的elementUI忘记注册的原因解决办法:在vue的入口文件main.js中加入一下代码:import ElementUI from 'element-ui' //element-ui的全部组件import 'element-ui/lib/theme-chalk/index.css'//element-ui的cssVue.use(ElementUI) //使用elementUI另外:ElementUI 的使用参考另一篇文章:https://www.cnblogs.co.原创 2021-02-07 14:17:07 · 4112 阅读 · 1 评论 -
数据格式化,每三位添加逗号和小数点
formatNum(num, n) { //参数说明:num 要格式化的数字 n 保留小数位 num = String(num.toFixed(n)); var re = /(-?\d+)(\d{3})/; while (re.test(num)) num = num.replace(re, "$1,$2"); return num;},可直接复制粘贴使用。。。...原创 2020-10-15 19:10:09 · 301 阅读 · 0 评论 -
Vue和js对应的时间格式化的方式
将后台返回的时间格式2020-09-25T07:06:35.000+00:00 格式化为YY-MM-DD HH:MM:SSVue中的时间格式化:dateFormat(row, column, cellValue, index) { const daterc = row[column.property]; if (daterc != null) { const dateMat = new Date(daterc); // console.log原创 2020-10-15 19:07:06 · 334 阅读 · 0 评论 -
Vue中动态生成<option>标签
前端界面中经常会根据不同的用户,展示不同的权限,显示不同的数据,或者根据后台返回的数据,显示不同的页面,比如不同的下拉框,这时就需要根据实际情况,动态生成。在原生的js中可能会遍历整个数组,每遍历一次,创建一个<option>标签,最后追加到<select>标签中。。。在vue中,会简单很多:<div class="type-select"> <select name="selected" id="rollOutAccount.bankCod原创 2020-09-29 15:49:44 · 2485 阅读 · 0 评论 -
Vue + ElementUI实现分页功能
首先查找elementUI的组件,页面显示分页<div class="block"> <el-pagination @size-change="handleSizeChange" @current- change="handleCurrentChange" :current-page=paginations.page_index :page-sizes="[5, 10, 15, 20]" :page-size=paginatio原创 2020-09-29 15:20:55 · 1271 阅读 · 2 评论 -
前端Vue中文件导出下载方式
第一种方式是前端创建超链接,通过a标签的链接向后端服务发get请求,接收后端的文件流,非常简单:<a :href='"/user/downloadExcel"' >下载模板</a> //直接链接到请求的接口另一种情况是创建div标签,动态创建a标签:<div name="downloadfile" onclick="downloadExcel()">下载</div>function downloadExcel() { let a = d原创 2020-09-29 15:03:31 · 1527 阅读 · 0 评论