vue中使用js生成txt文件

vue中使用js生成txt文件

栗子:

工作遇到生成文件功能,今天做一个举例。
在这里插入图片描述
在这里插入图片描述

实现

思路:
1.使用js中的Blob对象就可以生成文件。
2.借助a标签来进行文件的下载。

function createfiles(data, name) {
    //Blob为js的一个对象,表示一个不可变的, 原始数据的类似文件对象,这是创建文件中不可缺少的!
  var urlObject = window.URL || window.webkitURL || window;
  var export_blob = new Blob([data]);
  var save_link = document.createElement("a")
  save_link.href = urlObject.createObjectURL(export_blob);
  save_link.download = name;
  save_link.click();
}
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 3使用Protobuf插件来自动生成Protobuf文件,可以通过以下步骤进行: 1. 首先,确保您已经安装了Vue 3项目所需的依赖,包括protobufjs和protobufjs/cli。您可以使用以下命令进行安装: ``` npm install protobufjs protobufjs/cli --save-dev ``` 2. 创建一个.proto文件,该文件定义了您的消息类型和服务等。例如,创建一个名为example.proto的文件,在其定义您的消息类型和服务: ```protobuf syntax = "proto3"; package example; message User { string name = 1; int32 age = 2; } service UserService { rpc GetUser(UserRequest) returns (UserResponse); } message UserRequest { string userId = 1; } message UserResponse { User user = 1; } ``` 3. 在项目的根目录下创建一个脚本文件,例如generate-protobuf.js,用来运行protobufjs/cli来生成Protobuf文件。在脚本文件添加以下内容: ```javascript const pbjs = require('protobufjs/cli/pbjs');const pbts = require('protobufjs/cli/pbts'); const fs = require('fs'); const protoFile = 'example.proto'; const outputDir = 'src/protobuf'; pbjs.main(['-t', 'static-module', '-w', 'commonjs', '-o', `${outputDir}/example.js`, protoFile], (err, output) => { if (err) { console.error(err); return; } console.log(output); pbts.main(['-o', `${outputDir}/example.d.ts`, `${outputDir}/example.js`], (err, output) => { if (err) { console.error(err); return; } console.log(output); }); }); ``` 4. 运行脚本文件生成Protobuf文件。在命令行执行以下命令: ``` node generate-protobuf.js ``` 这将使用protobufjs/cli来生成相应的.js和.d.ts文件,并将其输出到指定的目录(在上述示例为src/protobuf)。 5. 现在,您可以在Vue 3项目使用生成的Protobuf文件。在需要使用Protobuf的组件或模块导入生成的.js和.d.ts文件,并使用定义的消息类型和服务等。 ```javascript import { User, UserRequest, UserResponse } from '@/protobuf/example'; // 使用生成的Protobuf消息类型和服务等 const user = new User(); user.name = 'John'; user.age = 25; const userRequest = new UserRequest(); userRequest.userId = '123'; // ... ``` 通过上述步骤,您可以在Vue 3项目使用Protobuf插件来自动生成Protobuf文件,并使用生成文件来进行Protobuf相关的操作。请确保按照您的项目结构和需要进行适当的调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值