vue事件方法写在哪里

Ⅰ vue中，在页面加载完成后，JS再写入带@click的HTML代码，此时如何让@click响应点击事件

直接在methods方法里面写你的点击事件函数

html

<templatev-for="(item,index)inquestionnaireList">
<divclass="questionnaire-section"@click="onSection(item.id)">
<divclass="title">{{item.title}}</div>
</div>
</template>

js

varapp=newVue({
el:'#app',
data:{
questionnaireList:[],//定义一个空数组
currentPage:1,//当前页
},
//加载完后自动执行
mounted:function(){
varthat=this;
that.questionnaireData();//调用方法
},
methods:{
questionnaireData:function(){
varthat=this;
$.ajax({
url:url+"questionnaire",
type:"GET",
data:{
currPage:that.currentPage
},
success:function(res){
res.data.questions.map(function(item,index){
that.questionnaireList.push(item);
});
}
});
},

//绑定的点击事件
onSection:function(id){
console.log("你当前点击的栏目对应id是："+id);
},
}
});

Ⅱ vue.js中怎样用onload事件

1、创建一个Vue.js文件，在template标签中插入div，div包裹无序列表和fusioncharts组件，其中无序列表子项元素绑定点击事件，如下图所示。

Ⅲ vue.js监听事件应该写在哪

vue.js移除绑定的点击事件的方法：
可以用 v-on 指令监听 DOM 事件：
<div id="example">
<button v-on:click="greet">Greet</button>
</div>
绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：
var vm = new Vue({
el: '#example',
data: {

Ⅳ VUE中在方法里写的button按钮对应的方法怎么写啊

var vm = new Vue({
el:"#main",
seen: true,
data:{
enlist: "",
status: "",
},
created:function(){
this.get_data();
},
methods:{
get_data:function(){
var _self=this;
var idArray = window.location.pathname.split("/");
var id = idArray['5'];
$.post("{:url('/enlist/index/details')}",{enlist:id},function(e){
console.log(e);
_self.enlist = e;
_self.status = e.recorde;
})
},
recruitment:function(){
var idArray = window.location.pathname.split("/");
var id = idArray['5'];
window.location.href="/enlist/index/entry_form/enlist/"+id;
}
}
});
方法名就写在methods里面，例如<button @click="recruitment()"></button>就是调用的上面recruitment方法；

Ⅳ vue ajax请求一般写在哪

mounted 函数里面通过 ajax 从后台获取数据并绑定到变量上,
然后事件响应里面把变量的值通过 ajax 发送给后台处理.
基本就是这两种情况

Ⅵ vue 的点击事件怎么获取当前点击的元素

一、首先，在编辑器中创建一个web项目，并在目录中创建一个新的静态页面buttonclick.html：

Ⅶ vue怎么在方法里面写循环

export default{ data(){ return { } }, mounted: function () { myfun("myCls",/*这里传入每次数据 */); } } li循环重复多次，每个li上都绑定有一个myfun这个方法，并且每个myfun内部传入的数据都不同，比如我想实现跟以下代码一样的效果：

Ⅷ webpack vue 后台请求写哪里

当你的业务逻辑代码需要用到更新后的dom的时候使用，写在方法之中。
例子：
new Vue({
el: '#app',

created() {
this.$nextTick(function(){
//代码

})

}

})

Ⅸ vue 的点击事件获取当前点击的元素方法

首先
vue的点击事件
是用
@click
=
“clickfun()”
属性
在html中绑定的,
在点击的函数中
添加$event
参数就可以
比如
<button
@click
=
“clickfun($event)”>点击</button>
methods:
{
clickfun(e)
{
//
e.target
是你当前点击的元素
//
e.currentTarget
是你绑定事件的元素
}
},
以上这篇vue
的点击事件获取当前点击的元素方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:vue如何获取点击事件源的方法VUE中v-on:click事件中获取当前dom元素的代码vue获取当前点击的元素并传值的实例vue获取dom元素注意事项在Vue组件中获取全局的点击事件方法

Ⅹ vue怎么添加处了click事件，比如onchange

你搜索的问题本来就不太正确，对事件进行支持的是html，你所提到的事件，可以搜索下html5是否支持，相信会有你要的答案。