Javascript 如何在vue js中以逗号分隔的字符串内发布子类别?

Javascript 如何在vue js中以逗号分隔的字符串内发布子类别?,javascript,jquery,vue.js,vuejs2,vue-component,Javascript,Jquery,Vue.js,Vuejs2,Vue Component,现在我可以用下面的方式发布子类别了吗? 现在的结果是 subcategory[] : Healthcare subcategory[] : education 但我需要用逗号分隔这个字符串 我的html代码是 <div id="submitBox"> <form method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="handelSubmit($event);">

现在我可以用下面的方式发布子类别了吗? 现在的结果是

subcategory[] : Healthcare
subcategory[] : education
但我需要用逗号分隔这个字符串

我的html代码是

<div id="submitBox">
  <form method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="handelSubmit($event);">
    <select id="basic" class="selectpicker"  data-live-search="true" data-live-search-style="begins" title="Select Your City" v-model="subcategory" name="subcategory[]" multiple>
      <option v-for="so in services" v-bind:value="so.name">{{so.name}}</option>  
   </form>
</div>

有谁能帮我解决这个问题吗?

这个。子类别是一个数组,您可以使用如下方法将其转换为字符串:

let服务=[
{name:'汉堡包'},
{name:'Sandwich'},
{name:'热狗'}
];
submitBox=新的Vue({
el:#提交箱“,
数据:{
子类别:[],
},
方法:{
handelSubmit:函数(e){
var vm=这个;
数据={};
数据['subcategory']=this.subcategory.join(',');
控制台日志(数据);
返回false;
}
},
});

{{so.name}
提交

如果您只需要将
子类别
数组连接到由逗号分隔的字符串中,
,只需使用:

data['subcategory'] = this.subcategory.join(',');
也许您会发现使用jQuery
ajax
调用的数据很有用,比如:

data: {"subcategory": this.subcategory}

data['subcategory']=this.subcategory.join(',')
data['subcategory'] = this.subcategory.join(',');
data: {"subcategory": this.subcategory}