Javascript 我只想显示一个单击的输入(在vue.js上)

Javascript 我只想显示一个单击的输入(在vue.js上),javascript,vue.js,input,click,this,Javascript,Vue.js,Input,Click,This,我希望在单击时显示输入,但由于处于for循环中,我只希望显示单击的输入 {{todo}} 我希望在点击这个右键时,只有一个输入(点击的按钮)是可见的,但由于处于for循环中,我不知道这是否可以完成我建议在你的应用程序中稍微更改一下结构。通过在按钮内部使用v-if,而不是两个不同的按钮,可以大量清理代码 此外,将尽可能多的javascript从标记中移出是一个很好的实践 下面我举了一个例子 关于您的问题,您必须为每个待办事项添加密钥 newvue({ el:“应用程序”, 数据(){

我希望在单击时显示输入,但由于处于for循环中,我只希望显示单击的输入


  • {{todo}}

  • 我希望在点击这个右键时,只有一个输入(点击的按钮)是可见的,但由于处于for循环中,我不知道这是否可以完成

    我建议在你的应用程序中稍微更改一下结构。通过在按钮内部使用v-if,而不是两个不同的按钮,可以大量清理代码

    此外,将尽可能多的javascript从标记中移出是一个很好的实践

    下面我举了一个例子

    关于您的问题,您必须为每个待办事项添加密钥

    newvue({
    el:“应用程序”,
    数据(){
    返回{
    待办事项:[{
    名称:'洗手',
    伊希登:是的
    },
    {
    姓名:“呆在家里”,
    伊希登:是的
    }
    ],
    };
    },
    方法:{
    切换todo(n,todo){
    const hidden=todo.ishiden;
    如果(隐藏){
    这个。modifyTodo(n,todo);
    todo.ishiden=false;
    }否则{
    todo.ishiden=true;
    }
    },
    modifyTodo(n,todo){
    //一些逻辑。。。
    }
    },
    })
    
    
  • {{todo.name}}
  • 点击这个 拯救

  • 为什么在
    圆形按钮上有两个单击事件?