很多时候导出（或者下载）文件的时候，用的是超链接的方式，相当于window.location.href='xxx.xlsx'的方式，很容易实现文件的导出下载，不过一般是针对API采用GET的方式，如果后台API是POST的方式呢？ 其实也很简单，这里介绍在Vue.js下采用了axios来post请求，并下载文件，示例如下: downloadExportExcel() { var payload = {"start":"2021-07-11","end":"2021-07-22"}; axios.post('http…

遇到一个问题，在Vue中使用img显示图片，如下代码是可以显示出来图片的。 <!--使用@代表根目录--> <img src="@/assets/add.svg"  @click="addClicked"/> 但是如果通过绑定的方式（或者说使用动态的src的时候）就不行了： <template> <div> <img :src="addImgSrc"  @click="addClicked"/> </div> <template> …

iView的Tabs 标签页组件里，里面的label想用render动态设置label的文字，render函数并可以接收参数，可以使用参数，如下： <!--根据items动态生成多个TabPane--> <TabPane :label="tabLabel(item, index)" v-for="(item, index) in items"> </TabPane> tabLabel: function (item, index) { return function (h) { …

iView里在render下渲染出来的组件里，是不能直接做数据绑定的，不过只要能在组件初始化的时候，给组件赋值，以及用户交互下监听组件状态改变，即时改变相对应的data，就就符合我们的预期了，下面举例介绍 以Select为例： { title: '类型', key: 'type', width: 300, render: (h, params) => { return h('Select', { props: { // 初始化赋值，从params.row中挑出给select初始化赋值 value: param…

iView下表格（Table）组件里columns的render写法，对应普通HTML组件的写法整理如下： return h('Tag', { slot: 'list', // class: 'my-class my-class2', class: { 'show':true, 'iscolor':true }, props: { type: 'primary' }, style: { marginRight: '10px' }, attrs: { src: require("@/assets/xxx.png") …

Vue/iView中Table表格组件的Columns使用render渲染出来的组件，不但可以render一个Button，还可以使用其他html的组件，绑定事件，可以使用on: {click}来实现，如下render一个Icon实现绑定单击事件： columns: [ { title: '删除', key: "action", fixed: 'left', minWidth: 144, render: (h, params) => { return h("Icon", { props: { type: 'm…

在做vue前端开发的时候，有时候会遇到需要将某个div或者其他元素重复生成N个，如果N比较小，那么可以使用如下v-for迭代4次: <div v-for="item in [0,1,2,3]"> </div> 如果要迭代的数很大，这种方式可能就要写到手抽筋了，或者在js的data里定义一个array，这种方式就不介绍了，这里介绍一个简单点的，利用了之前介绍的简短代码快速生成数组：https://blog.terrynow.com/2021/04/25/javascript-generate-…

虽然很多提交的表单，我们已经改用post来提交数据了，但是还是有一些使用了<form action='xxx'></form>来提交表单，但是我们往往要在表单提交之前，做一些额外的检查或前置代码。 通过增加使表单默认不提交，然后在需要提交的按钮上，增加手动提交 <form id="form1" action="login" method="post" onsubmit="return false;"> </form> #Javascript下的手动提交(根据你使用的框…