点击下载文件

news/2024/7/19 14:11:52 标签: js
js">downloadFile() {
       var content = JSON.parse(sessionStorage.getItem('content'))
       var ind = content.filter(item => {
         return item.id === this.offlineIds * 1
       })
        let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(this.contentJson)  //this.contentJson下载的内容
        //通过创建a标签实现
        let link = document.createElement("a")
        link.href = uri;
        //对下载的文件命名
        link.download =  ind[0].name + '.json'
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
    }

http://www.niftyadmin.cn/n/1367729.html

相关文章

将josn对象转换成string并格式化

JSON.stringify(this.contentJson, null, \t)

将后端返回数据中/n和/r转换成<br/>和nbsp

var content res.rs.replace(/\r/g, &nbsp) content content.replace(/\n/g, <br/>) this.formatVal content

双击动态添加标签页

template <!-- 标签页 --><el-tabs v-model"editableTabsValue" type"card" closable tab-remove"removeTab" tab-click"handleClick"><el-tab-panev-for"(item) in editableTabs":key"item.name"…

element UI 中时间控件只能选大于当前的时间

<el-date-pickerv-model"ruleFormSecond.transactionTime"type"date":disabled"dis"style"width:217px;":picker-options"pickerOptions"placeholder"选择大于当前时间的时间"> </el-date-picker>pic…

在element ui 转换表格中时间

common.js文件 export function formatDate(str, fmt YYYY-MM-DD hh:mm:ss) {if (!str) return return getFormatDate(new Date(str), fmt) }//引入这个文件 import { formatDate } from /utils/common data() {return {//进行注册formatDate}}template中石油 <el-table-…

vue3自增

<el-button click"increase">自增</el-button>import { reactive, toRefs, onMounted, getCurrentInstance, ref } from vue export default {setup() {const state reactive({input: ,nub: ,time: ,cont: 1})const Counter ref(0)const increase () …

动态添加表格中下拉框

父级页面 <div class"threePart"><ul><li style"width:114px"><span style"color:red;">*</span>场景</li><li style"width:222px"><span style"color:red;">*</span&…

vue下载静态的模板

在组件文件中代码 export function downloadByA({ url, name temp }) {// 生成一个a元素const a document.createElement(a)// 创建一个单击事件const event new MouseEvent(click)// 设置图片名称a.download name// 如果跳转页面&#xff0c;则在其他页面跳转a.target _…