There are three bootstrap panels that are displayed depending on the selection made in the select element:
<div class="panel panel-default">
<Select/>
</div>
<div class="panel panel-default" v-if="fileMode == 0"></div>
<div class="panel panel-default" v-else-if="fileMode == 1"></div>
<div class="panel panel-default" v-else>
<div class="form" id="uploadCsvForm"/>
</div>
JavaScript:
mounted() {
var self = this;
this.$nextTick(() => {
$("#uploadCsvForm").submit(function(e) {
e.preventDefault();
self.uploadCsvAndGetData();
return true;
});
});
},
However, after hiding and showing the panel with the form, the
$("#uploadCsvForm").submit(function(e)Thank you