博客

vue 点击编辑按钮 后 页面变成input输入框

  • Post author:
  • Post category:vue


<template>
    <li v-if='flag'><span @click='edit()'>编辑</span></li>
    <input type="text" v-else @change='input()'>
</template>

export default{
    data(){
        flag:true
    },
    methods:{
        edit(){
               this.flag=false;
        },
        input(){
           this.flag=true;
        },
    }

}


版权声明：本文为l_XIANA原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。