vue按钮触发不了

最新推荐文章于 2024-02-29 15:24:27 发布

原创最新推荐文章于 2024-02-29 15:24:27 发布 · 4.2k 阅读

2 ·

CC 4.0 BY-SA版权

vue学习专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在使用Vue.js框架时，点击事件的正确编写时机。指出若将点击事件定义在newVue()实例化之前，事件可能无法正常触发。文章通过具体代码示例，展示了正确的实践方法，即将事件绑定代码置于Vue实例创建之后。

<script>
	/*按钮点击事件不能写在new vue之前,否则会触发不了*/
	/*document.getElementById("test").onclick = function(){
		alert(11);
	};*/
	new Vue({
		el: '#app',/*使用Vue要在此定义的ID下面*/
		data: {
			message: 'Hello World!',
			strSuppAddress:'1111',
			html:'<font color="red">这是我的标题</font>',
			 value: "content"
		}
	})
	
	document.getElementById("test").onclick = function(){
		alert(11);
	};
</script>

在学习vue时，发现点击事件写在new vue() 之前会触发不了点击事件，要将点击事件放在new vue() 之后才能触发点击事件