分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

实例化vue之前赋值html元素导致事件失效

发布时间:2023-09-06 01:07责任编辑:苏小强关键词:暂无标签

先实例化Vue对象,再操作其他对象,Vue对象声明时会渲染html容器内的所有元素,
???会导致元素事件失效或dom元素重新创建,所以涉及html元素的对象都要在实例化Vue之后执行。

下面是简要的例子,还望高手指点,目前猜测是对象赋值后,vue渲染元素将元素进行了改变导致之前的赋值对象变化了,无论是jquery对象还是dom对象都不行。

<div id="vm"> ???{{msg}} ???<input type="button" value="试试"/></div><script>//添加一下vue、jquery引用//变量赋值放在这里,无法触发事件//var colVm=$("#vm");var testVue=new Vue({ ???el:‘vm‘, ???data:{ ???????msg ???}});//变量赋值放在这里,可以触发事件var colVm=$("#vm");$(function(){ ???colVm.click(function(){ ???????alert("test"); ???});});</script>

 如果非要将对象赋值放在实例化vue前面那可以使用jquery委托设置事件,亲测可用,.telegate()方法

实例化vue之前赋值html元素导致事件失效

原文地址:http://www.cnblogs.com/taiyonghai/p/7516386.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved