我正在尝试在组件内部使用on click指令,但它似乎不起作用。当我单击该组件时,应该在控制台中单击“测试”,什么也没有发生。我没有在控制台中看到任何错误,所以我不知道我在做什么错。
index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html>
应用程序
<template> <div id="app"> <test v-on:click="testFunction"></test> </div> </template> <script> import Test from './components/Test' export default { name: 'app', methods: { testFunction: function (event) { console.log('test clicked') } }, components: { Test } } </script>
Test.vue(组件)
<template> <div> click here </div> </template> <script> export default { name: 'test', data () { return { msg: 'Welcome to Your Vue.js App' } } } </script>