vue v-for 为元素添加点击事件的时候怎么才能处理当前dom元素

vue v-for 为元素添加点击事件的时候怎么才能处理当前dom元素,第1张

在vue的世界里,没有动态添加dom这种概念,一切都是数据驱动

<h1>{{obj.name}}</罩桥h1>

<h2>{{obj.prop}}</仿慧h2>

<script src="../Scripts/vue.js"></script>

<script>

$(function () {

alert(1)

})

var vue = new Vue({

el: 'body',

data: {

//初始obj是空的,因备闷答此视图默认是什么都没有

obj:{}

},

ready: function () {

//这里是vue初始化完成后执行的函数

this.obj.name = "对象名字"//这时会显示name

},

methods: {

//这里是自定义的方法

setProp: function () {

this.obj.prop = "测试"//这时会显示测试

}

}

})

jquery对动态加载的li添加click事件,事件无滑慧法触发时设置出现了问题,解决方法为:

1、新建html文纯搜件。

2、创建输入框和按钮

3、预览效果如图。

4、接做让历下来需要引入jquery.js。

5、设置输入框 keydown 事件和click 事件。

6、按钮点击触发事件。

7、click按钮按下效果如图。

<template>                 <div >

 伍顷卜                  乎则 <div style="font-size: 12px" @click.native="onZyInfo(item)" v-html="formatEscapeChar(item.attachmentContent)"></div>

             腔穗     </div>

</template>

methods:{

onZyInfo(item){

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11975904.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存