用vue实现点击编辑按钮将li变为可以输入文本的input

<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;
        },
    }

}

 

posted @ 2018-09-12 23:17  嘆世殘者——華帥  阅读(3660)  评论(0编辑  收藏  举报