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

l_XIANA

于 2021-03-04 17:27:15 发布

阅读量4.6k

点赞数 3

文章标签： vue js javascript

本文链接：https://blog.csdn.net/l_XIANA/article/details/114373610

版权

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

}