-
前端 vue动态生成及绑定表单对象
vue动态生成及绑定表单对象有时候，我需要生成动态表单（即表达中的元素多少来自一个动态数组或者数据）这里使用如v-for动态生成表单元素，同时使用绑定到json数组对象的方式进行动态绑定，例：在data中定义对象：model: {salesPeople: '',saleStore: '',...
-
前端 Vue watch监听某个对象值的变化
使用vue的watch监听某个值变化的时候，可能会涉及到一些复杂对象的值，如：data() { return { model: { salesPeople: '', ...
-
前端 vue中使用antv G2图表
vue中使用antvG2图表效果图：一、安装在vue项目中，使用命令yarnadd @antv/g2--save等命令行自动完成安装后，在vue项目的main.js中加入如下引用说明：const G2 = require('@antv/g2')Vue.prototype.$G2 =...
-
前端 vue使用axios下载文件流
vue使用axios下载文件流创建一个通用接口文件，如api.jsimport Vue from 'vue'import { axios } from '@/utils/request'/** * 下载文件&nb...
-
前端 Ant Design vue table 自适应页面高度
表格（table）可能是在业务开发的时候，用到的最多的组件，AntDesignvuetable也有着一套十分强大的API，而其中有一项开发时，可能希望表格可以随着当前页面的分辨率，来动态调整表格的固定高度，使整个页面更加美观性或者适用性。一、说明：首先，用到的是table自带的API【:scroll="{x:1300,y:400}&...
-
前端 Antdesign vue table 文字超宽tooltip方式显示
首先来看下效果：表格里的内容由于过多，为了整体美观性，使用超出文字以tooltip的形式进行展示，主要使用了插槽（slot）的方式。一、编写一个tooltip工具代码如下：<template> <a-tooltip placement="topLeft"> &nbs...
-
前端 Antdesign vue RangePicker设置日期可选范围
效果图：在range标签中使用disabled-date，这样可以按照一定的时间设定来自由设置可选范围，如： <a-range-picker :disabled-date="disabledDate" format="YYYY-MM-DD"/>meth...
-
前端 Ant design Vue a-date-picker实现年份选择
当前版本：1.6.4不支持直接选择年份的组件，官方也给出了相关的说明，可能在未来版本中加入该组件，同时，可以参考react中的组件修改方法官方说明地址：https://www.antdv.com/docs/vue/faq-cn/代码实现：当前需要对组件a-date-picker进行改造，如下：html：<a-date-pickermode=&qu...