美文网首页
vue中button触发方法

vue中button触发方法

作者: 杨闯 | 来源:发表于2020-03-24 20:49 被阅读0次

在写vue的时候,首先要探究怎么让用户的操作触发相关方法,在这里,我们通过一个按钮的点击,触发一个log。

<template>
 <section>
   <button type="button" @click="getConfig">点击</button>
 </section>
</template>

<script>
export default {
 name: 'name',
 data () {
   return {

   }
 },
 mounted () {
 },
 methods: {
   getConfig () {
     console.log('111')
   }
 }
}
</script>

那么,在这里,主要的就是要先在methods里面声明方法getConfig,然后在按钮中@click="getConfig",这样按钮一点击就会触发执行getConfig方法了

相关文章

网友评论

      本文标题:vue中button触发方法

      本文链接:https://www.haomeiwen.com/subject/mwbayhtx.html