随笔分类 - Vue
摘要：前提：下载并引入moment npm install moment import moment from "moment" 插件编写： <a-date-picker style="width:100%" :getCalendarContainer="(triggerNode) => triggerN
阅读全文
摘要：样式： <a-form-item label="日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-date-picker v-nodel="nextTime" :disabled-date="disabledStartDate" format
阅读全文
摘要：组件 <a-form-item label="查询日期"> <a-range-picker v-model="selectDate" @change="onChange" /> </a-form-item> 需要引入moment import moment from 'moment' 方法 meth
阅读全文
摘要：实现功能：点击列表数据，导出点击内容。不选择列表内容 导出全部 新建一个manage.js文件，具体内容 import Vue from 'vue' import { axios } from '@/utils/request' //api自定义 const api = { user: '/api/
阅读全文
摘要：//返回顶部 <div class="backTop" v-show="topShow" @click="topBack"> Top </div> //mounted window.addEventListener("scroll", this.handleScrollx, true); windo
阅读全文
摘要：<a-date-picker v-model="queryParam.gmtCreate" show-time type="date" placeholder="请选择时间" style="width: 100%" /> // 获取当前时间 console.log(this.queryParam.g
阅读全文
摘要：注：以下方法都是依据Ant Design of Vue为参考 第一种方式（仅适用于上传，不可拿返回的数据作为参数请求接口）： 因为函数作用域原因，不可以赋值给全局变量使用 ①在data中声明 customRequest：null ②vue <a-form-model ref="ruleForm" :
阅读全文
摘要：通常数据请求的方法get和post。 post请求传参，传递的参数不存在，但在请求中看得到参数，只是参数的格式是Request Payload，具体原因 ：参数格式不对。 例如： this.$axios.post('/archivesManagement/file/fileDownload', {
阅读全文
摘要：<a-form-model-item label="月份" class="input"> <a-select placeholder="请选择月份" style="width: 160px"> <a-select-option value="one" v-for="(item, index) in
阅读全文
摘要：<a-form-model-item label="金额（元）" > <a-input type="number" v-model="amount" placeholder="请输入" @input="inputAmount(amount)"/> </a-form-model-item> <a-fo
阅读全文
摘要：template的代码： //搜索框 <el-input placeholder="请输入..." v-model="keyword" ></el-input> <button @click="search">搜索</button> //内容 <div v-for=(item,index) in l
阅读全文
摘要：router/index.js【路由添加meta属性，title表示标题，showTab表示是否显示底部导航】 { path: '/index', name: 'Index', component: Index, meta: { title: '首页', showTab: true //tabbar
阅读全文
摘要：在使用Echarts时，我们需要先下载 npm install echarts --save 官网：Apache ECharts 例：（基本平滑折现图） //div: <div id="main" style="width: 535px"></div> //引入 import * as echart
阅读全文
摘要：当我们在页面渲染时想要00.00格式 直接加.toFixed(2) 是会报toFixed(2)不是一个函数的错误 错误提示如下： 解决方法： 方法一： 用Number Number(scope.row.ord_amount).toFixed(2) 方法二： 用filters 1.先写出一个过滤方法
阅读全文
摘要：第一种： <template> <div> <h1>我是index 页面！</h1> <img src="../assets/logo.png" alt=""> </div> </template> <script> export default { }; </script> <style> </s
阅读全文
摘要：1.概览： sudo 表示 “superuser do”。 它允许已验证的用户以其他用户的身份来运行命令。其他用户可以是普通用户或者超级用户。然而，大部分时候我们用它来以提升的权限来运行命令。 sudo 命令与安全策略配合使用，默认安全策略是 sudoers，可以通过文件 /etc/sudoers
阅读全文
摘要：刚开始的效果： 想要的效果： page：页数 pagesize：每页条数 list：请求的数据 computed:{ totalCount() { const { page, pagesize } = this.form; const { list } = this; const len = lis
阅读全文
摘要：1.千分位分割符 建一个js文件，例如 filter.js export const formatMoney = (number, decimals = 0, decPoint = '.', thousandsSep = ',') => { number = (number + "").replac
阅读全文
摘要：第一种：（三元表达式多个判断） <el-table-column align="center" prop="type" label="处置类型" style="width: 10%" > <template slot-scope="scope"> {{ scope.row.type == 1 ? "
阅读全文
摘要：基本用法 在Conponents目录下，新建一个msg.vue <template> <div> {{ msg }} </div> </template> <script setup> let msg = "hello!"</script> 在APP.vue引入 <template> <img al
阅读全文
