通过判断 当前index== / !== 选中的index; v-if v-else

  <tr v-for="(item,index) in cameraPoints"  :key="item.id"  :label="item.name"    :value="item.id"  >
            <td align="left">
              <span v-if="editIndex !== index"> {{item.name}} </span>
              <span v-else>
                <el-input
                  v-model="inputPoint"
                  :placeholder="item.name"
                ></el-input>
              </span>
            <td  align="center" style="display: flex;justify-content: space-around;"  >
              <el-link
                type="success"
                v-if="editIndex !== index"
                @click="edit(item, index)"
              >编辑</el-link>
              <el-link
                v-else
                type="success"
                @click="save(item, index)"
              >保存</el-link>
              <el-link
                type="danger"
                @click="remove(item, index)"
              >删除</el-link>
data:
 
data () {
    return {
      cameraPoints: [
        { id: 11, name: '预设点01' },
        { id: 12, name: '预设点02' },
        { id: 13, name: '预设点03' },
      editIndex: 99,
      inputPoint: ''
method:
 
  edit (item, index) {
      this.editIndex = index;
                    通过判断 当前index== / !== 选中的index; v-if  v-elseDOM:  &lt;tr v-for="(item,index) in cameraPoints"  :key="item.id"  :label="item.name"    :value="item.id"  &gt;            &lt;td align="left"&gt;              &lt;span v-if="editIndex !== index"&gt; {{item.n.
 <meta charset=UTF-8>
 <meta name=viewport
   content=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0>
 <meta http-equiv=X-UA-Compatible content=ie=edge>
				
本文将提供给您一个健壮且代码注释详细的组件源码，无样式只写了核心功能，您直接复制，然后按照自己的需求去 更改样式与逻辑，如下图所示：这样的基础示例，更有利于您进行修改和学习！打开  文件夹，在里面建立一个  文件，复制以下代码。
随便找个页面，运行起来。
vueinput实现点击按钮文字增删功能，关于vue点击对输入框进行编辑相关内容,包含vue点击对输入框进行编辑，vue 点击编辑按钮后 页面变成input输入框，Vue实现点击表格单元格出现输入框，失去焦点隐藏输入框功能，利用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(){
				
点击复制功能主要通过 clipboard.js 来实现
在vue中使用clipboard.js 时候发现一个问题，就是如果不是input或者button 按钮的话，则复制不成功，使用步骤如下：
1、引入clipboard.js，方法如下：
第一种直接npm安装：npm install clipboard –save
第二种：[removed][removed]（下载地址：https://clipboardjs.com/）
2、在需要使用的组件中import
引用方法：import Clipboard from ‘clipboard’;
				
您可以使用Ant Design Vue中的Form组件来实现动态添加input框。您可以在Form组件中使用v-for指令来遍历一个数组，然后使用v-model指令将每个input框与数组中的元素绑定。当您点击添加按钮时，您可以使用JavaScript将一个新元素添加到数组中，这将自动添加一个新的input框到表单中。以下是示例代码：
<template>
  <a-form>
    <a-form-item v-for="(item, index) in items" :key="index">
      <a-input v-model="items[index]" />
    </a-form-item>
    <a-form-item>
      <a-button type="primary" @click="addItem">添加</a-button>
    </a-form-item>
  </a-form>
</template>
<script>
export default {
  data() {
    return {
      items: ['']
  methods: {
    addItem() {
      this.items.push('')
</script>