iview export file (txt)

111

1, define an export file button 
<the Button: size = "buttonSize" 
                  type = "text" 
                  icon = "iOS-Print-Outline" 
                  @click = "the exportData"> Export TXT
           </ the Button> 2, where I is the frame mode to select specified data derived 
< the Modal 
  title = "balloon" 
  V -model = "modalConfirm" 
  @on -cancel = "to false modalConfirm =" 
  @on -OK = "doExportTxt" 
  class -name = "Vertical-Center-Modal"> 
  <h3 style = " 
      margin-left: 10px; 
      margin-bottom: 10px; "> Please select the version you want to export </ h3>
  <RadioGroup v-model="preferVersion" size="large">
    <



  Radio
      v-for="item in version"
      :label="'版本号为:'+item.preferVersion"
      :value="item.preferVersion"
    ></Radio>
    <a :href="txtUrl" ref="downloadBtn" :download="txtName"  style="display: none;">下载</a>
  </RadioGroup>
</Modal>

3、定义js中的变量

export default {
  data() {
    return {
      txtUrl:null,
      txtName:null,
      preferVersion:null,
      version:[],
      versionList:[],
      modalConfirm:false,
}
4、在methods方法内加入

exportData() {
  let me = this
  axios.request({
    method: 'post',
    url: '/feenormaldiscount/version',
    data: {}
  }).then(function (response) {
      me.version=response.data;
      me.modalConfirm=true
  })
},

doExportTxt(){
        let me = this
        axios.request({
          method: 'post',
          url: '/feenormaldiscount/exportversion',
          data: {
            preferVersion:me.preferVersion
          }
        }).then(function (response) {
          let versionList=response.data;
          if(versionList.length==0){
            me.$Message.warning('暂无数据!');
            return false;
          }
          var title=Object.keys(versionList[0]).join(",")+"\n";
          var txtContext="";
          for(var i=0;i<versionList.length;i++){
            txtContext+=Object.values(versionList[i]).join(",")+"\n";
          }
          var elHtml = title+txtContext;
          var mimeType =  'text/plain';
          me.txtName="Fee_Normal_Discount.txt"
          me.txtUrl='data:' + mimeType  +  ';charset=utf-8,' + encodeURIComponent(elHtml);
          me.$nextTick(_ => me.$refs.downloadBtn.click())
        })
      }