Post方法一个文件和字符串请求到弹簧休息控制器接收字节[]和字符串使用角？(Post method a file and string request to spring rest controller that receive byte[] and Strings using angular?)

 这有点棘手，因为标准事件不适用于自定义组件，因为当您执行以下操作时： 
 
<mycomponent @click="method"></mycomponent>
 
 组件正在寻找来自另一个组件的发出事件，它不知道你的意思是好的，旧的DOM点击事件。 
 
 一个选项是从子组件发出click事件，在你的情况下是Icon.vue ，但这不是最好的解决方案 
 
 还有一个，它是事件的.native修饰符，类似这样： 
 
<div id="top-row">
  <icon name="arrow-left" class="but-0" v-bind:class="{ active: pushed0 }" aria-hidden="true" @mousedown.native="toneButtonPushed(0)"></icon>
  <icon name="arrow-left" class="but-1" v-bind:class="{ active: pushed1 }" aria-hidden="true" @mousedown.native="toneButtonPushed(1)"></icon>
</div>
 
 通过执行此操作，您说要使用来自DOM的标准mousedown事件的组件，并且它不会查找已发出的事件。 
 
 演示： http ： //jsbin.com/sanivevuxa/edit？html，js，console，output 

It's a bit tricky, because standard events doesn't work on the custom components because when you do something like this:
 
<mycomponent @click="method"></mycomponent>
 
Component is looking for emitted event from another component, It doesn't know that you mean on good, old DOM click event.
 
One option would be emitting click event from child component, in your case Icon.vue, but that's not the best solution
 
There is another one, it's .native modifier on event, something like this:
 
<div id="top-row">
  <icon name="arrow-left" class="but-0" v-bind:class="{ active: pushed0 }" aria-hidden="true" @mousedown.native="toneButtonPushed(0)"></icon>
  <icon name="arrow-left" class="but-1" v-bind:class="{ active: pushed1 }" aria-hidden="true" @mousedown.native="toneButtonPushed(1)"></icon>
</div>
 
By doing this you are saying component that you want to use standard mousedown event from DOM, and It won't look up for emitted one.
 
Demo: http://jsbin.com/sanivevuxa/edit?html,js,console,output