8
मैं इतनी तरह मेरे कोड के साथ एक ग्राहक के पक्ष js फ़ाइल का संदर्भ देता है एक टेम्पलेट लोड हो रहा हूँ संदर्भित:vue.js - उदाहरण पर नहीं परिभाषित लेकिन दौरान प्रस्तुत करना
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.js"></script>
<link rel="stylesheet" type="text/css" href="../css/app.css">
</head>
<body>
<div id="container">
<div id="map">
<script src="../js/app.js" type="text/javascript"></script>
<div id="offer-details">
<form id="offer-form" v-on:submit="makeOffer(tags, description, code)">
<input id="description"/>
<input id="tags"/>
<input id="code"/>
<input type="submit"/>
</form>
</div>
</div>
</div>
</body>
</html>
मेरे ब्राउज़र पता चलता है कि (विवरण निम्नलिखित। जेएस) सफलतापूर्वक लोड करता है।
var vm = new Vue({
el: "#details",
data: {
offer: {
publickey: '',
privatekey: '',
name: '',
service: '',
value: '',
currency: '',
tags: '',
description: '',
code: ''
},
methods: {
makeOffer: function makeOffer(){console.log(vm.publickey)}
}
}
})
हालांकि, जब मैं प्रपत्र मैं निम्नलिखित त्रुटि संदेश प्राप्त कर सबमिट करें:
[Vue warn]: Property or method "makeOffer" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in root instance)vue.js:2574:7
[Vue warn]: Handler for event "submit" is undefined.
यह मेरे लिए लगता है जैसे मैं के रूप में मैं चाहिए विधि कुंजी में makeOffer को परिभाषित कर रहा हूँ। क्या यह उदाहरण पर इसे परिभाषित करने जैसा नहीं है? यह MakeOffer क्यों नहीं देख रहा है?
आपकी परियोजना संरचना कैसी दिखती है? –
मुझे यह त्रुटि मिली क्योंकि मैंने अपनी घटक फ़ाइल –