<template>
<div>
<el-button type="primary" style="width: 100%;" @click="Create" :loading="loading">创建文件夹</el-button>
<el-button type="primary" style="width: 100%;" @click="writein" :loading="loading">写入数据</el-button>
<el-button type="primary" style="width: 100%;" @click="read" :loading="loading">读取数据</el-button>
<el-button type="primary" style="width: 100%;" @click="deleteall" :loading="loading">删除文件</el-button>
<el-button type="primary" style="width: 100%;" @click="addto" :loading="loading">将数据追加到文件里面</el-button>
<p>{{list}}</p>
</div>
</template>
<script>
//创建文件模块
const fs = require("fs").promises;
//读取文件模块
const FS = require("fs");
//const path = require("path");
export default {
data() {
return{
loading:false,
list:''
}
},
methods:{
//创建文件夹
Create(){
// 如果文件结构不存在而你想要通过该操作创建它,则可以将其传入可选的 recursive 标志
//打包之后 创建文件夹无效
// fs.mkdir(path.join(__dirname, "newDir"), {
// recursive: true
// });
fs.mkdir('newDir', {
recursive: true
});
},
writein(){
//打包之后 创建文件无效
// FS.writeFile(path.join(__dirname,"newDir", "greeting.json"),'312313',function(err){
// // 2.1 如果文件写入成功,则err的值等于null
// // 2.2 如果文件写入失败,则err的值等于一个 错误对象
// console.log(err);
// })
FS.writeFile('newDir/greeting.json','312313',function(err){
// 2.1 如果文件写入成功,则err的值等于null
// 2.2 如果文件写入失败,则err的值等于一个 错误对象
console.log(err);
})
},
read(){
//打包之后 创建文件无效 所以就无法读取文件
// FS.readFile(path.join(__dirname,"newDir", "greeting.json"),'utf8',(err,data)=>{
// if(err){
// return console.log('文件读取失败!'+err.message);
// }
// console.log('文件读取成功,内容是:'+data);
// this.list=data
// });
FS.readFile('newDir/greeting.json','utf8',(err,data)=>{
if(err){
return console.log('文件读取失败!'+err.message);
}
console.log('文件读取成功,内容是:'+data);
this.list=data
});
},
deleteall(){
//删除文件
// FS.unlink(path.join(__dirname,"newDir", "greeting.json"), function(err){
// if(err){
// console.log(err)
// }
// console.log('删除成功!');
// })
FS.unlink('newDir/greeting.json', function(err){
if(err){
console.log(err)
}
console.log('删除成功!');
})
},
addto(){
//文件追加内容
// FS.appendFileSync(path.join(__dirname,"newDir", "greeting.json"),'\nLearn Node.js with ', 'utf8');
FS.appendFileSync('newDir/greeting.json','\nLearn Node.js with ', 'utf8');
},
},
}
</script>
Electron-vue读取本地文件
最新推荐文章于 2024-08-12 16:32:44 发布