我在vue中有一个组件,该方法使用execSync运行child_process。在调用child_process之前,我想做同样的DOM操作(显示一个加载窗口)。我在执行child_process之前调用了加载窗口,但是只有在exec_command完成后才显示加载窗口。
这里是代码
<template lang="pug">
<div id="test">
<div class="row">
<div class="col-md-12">
<button class="btn btn-default btn-primary" @click="executeTest()" name="Execute Test">Test</button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "Test",
methods: {
executeTest: function() {
this.$parent.$emit('loading', true,'Executing script..');
var c = require('child_process');
var exec = 'pythonscript.py';
var result = c.execSync(exec);
}
}
};
我在这里做错了什么? 为了清楚起见,加载此组件的父事件,侦听加载事件,只是将一些类添加到某些Html标记以显示加载窗口