vue+element-ui实现文本点编辑时变成输入框

使用edit为true或false来控制显示文本和input

data() {
  return {
      edit: false,
      description: "你好!"
  }
}

使用绑定class来切换icon

          ({{ description }})
          
          

效果如下图


点击编辑icon切换输入框


你可能感兴趣的:(vue+element-ui实现文本点编辑时变成输入框)