는 vuejs

Question

내가 vueJs에서 초보와 emailjs을 사용하는 방법을 알고하지 말고 내가 다음 단계를 수행 한 emailjs emailjs에서 jsfiddle 링크를 사용 (사용하려면

JS

를 사용하여 양식을 만들 emailjs를 사용하려고 웹 사이트) form.vue에서

내 템플릿이를 붙여 넣 된 index.html에서

<form id="myform"> 
<label>reply_to</label> 
<input type="text" name="reply_to" /> 
<label>from_name</label> 
<input type="text" name="from_name" /> 
<label>to_name</label> 
<input type="text" name="to_name" /> 
<label>message_html</label> 
<input type="text" name="message_html" /> 
<br><br> 
<button> 
Send 
</button> 
</form> 

나는

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<script type="text/javascript" src="https://cdn.emailjs.com/dist/email.min.js"></script> 
<script type="text/javascript"> 
    (function(){ 
     emailjs.init("my user account"); 
    })(); 
</script> 

,369 붙여 넣기

하지만 나에게 그 줄 form.vue JS 바이올린이 스크립트 부분을 다시 작성하는 방법을 모르는 :

var myform = $("form#myform"); 
myform.submit(function(event){ 
    event.preventDefault(); 

    var params = myform.serializeArray().reduce(function(obj, item) { 
    obj[item.name] = item.value; 
    return obj; 
    }, {}); 

    // Change to your service ID, or keep using the default service 
    var service_id = "default_service"; 

    var template_id = "template_e5nc4Q8i"; 
    myform.find("button").text("Sending..."); 
    emailjs.send(service_id,template_id,params) 
    .then(function(){ 
     alert("Sent!"); 
     myform.find("button").text("Send"); 
    }, function(err) { 
     alert("Send email failed!\r\n Response:\n " + JSON.stringify(err)); 
     myform.find("button").text("Send"); 
    }); 
    return false; 

Answer 1

간단히 어쩌면 당신은`emailjs을 데려 가고 싶다는

window.emailjs.send()