Нажмите кнопку захвата Vue 3 в HTML и вызовите функцию ⇐ Html

[Anonymous]

Я преобразовал свое приложение Vue3 в меньшие SFCS, и я изо всех сил пытаюсь захватить событие Click на кнопке на странице HTML. Шаблон, но я перенес шаблон из компонента в свою веб -страницу. Нет ошибки, поэтому, как будто это не знает, где вызовать функцию.





Vite App

{
"imports": {
"vue": "https://unpkg.com/vue@3.2.37/dist/vue.e ... er.prod.js",
"axios": "https://cdn.jsdelivr.net/npm/@bundled-e ... ios.min.js",
"vue-demi": "https://cdn.jsdelivr.net/npm/vue-demi@0.14.10/+esm",
"vuelidatecore": "https://cdn.jsdelivr.net/npm/@vuelidate/core@2.0.3/+esm",
"vuelidatevalidators": "https://cdn.jsdelivr.net/npm/@vuelidate ... 2.0.4/+esm",
}
}










Subscribe




import { createApp } from 'vue'
import NewsletterForm from './newsletter-form.js'

createApp(NewsletterForm).mount('#newsletter-form')



< /code>
Newsletterform < /p>
import { reactive } from 'vue'
import axios from 'axios';
import { useVuelidate } from 'vuelidatecore'
import { required, email, maxLength } from 'vuelidatevalidators'

axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

export default {
setup () {
const state = reactive({
email: ''
})
const rules = {
email: { required, email, maxLength } // Matches state.contact.email
}

const v$ = useVuelidate(rules, state)

const recaptcha = async () => {
// Validate the form fields
const result = await v$.value.$validate()
if (!result) {
alert('sdfgsdg');

return
}
}

return { state, v$ }
},
template: '#newsletter-form'
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... l-function