vue中使用v-on监听多个方法

写v-on来指定一个对象,对象里可以写多个方法

 <div class="pa">
 <button v-on='{
              click:dianji,
              focus:focu,
              blur:blu
            }'>
            监听多个方法的写法
            </button>
            </div>

这样就可以写多个方法了


<script>
export default {
  data() {
    return {
      chuanzhi1:'我是父组件传的值1',
      chuanzhi2:'我是父组件传的值2'
    }
  },
  methods: {
    dianji(){
      console.log('这是点击事件');
    },
    focu(){
      console.log('这是focur事件');
    },
    blu(){
      console.log('这是blur事件');
    }
};
</script>

就是这么简单

你可能感兴趣的:(vue.js,javascript,前端)