标签：选项 删除 ant 添加 design nbsp div itemcount 页面

1.antDesign-vue 页面定义按钮添加方法

   <a-config-provider :auto-insert-space-in-button="false">
      <a-button  type="primary" @click="addEle" class="addButton" icon="plus">
       添加选项
      </a-button>
        </a-config-provider>

 methods: {
 //添加方法
 addEle() {
        this.itemcount +=1;
        }
        }

//定义数据

 data () {
      return {
        itemcount:1
        }
        }

//页面元素

 <div v-for='(item,index) in itemcount' :id="'myid'+index" v-modle:myValue[index]>
       <span style="color: #000c17">选项A</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a-config-provider :auto-insert-space-in-button="false">
        <a-button  type="danger" @click="delEle(item)" icon="minus">
         删除选项
       </a-button>
     </a-config-provider>
       <quill-editor
         :content="editorContent"
         :options="newOption2"
         @change="editorChange"
         ref="newEditor"
         style="height: 75px; width: 580px;  margin-top:10px; margin-bottom: 50px"
       >
       </quill-editor>
     </div>

如果要删除就获取添加元素div索引删除即可

标签：选项,删除,ant,添加,design,nbsp,div,itemcount,页面
来源： https://blog.csdn.net/longd123/article/details/123062135

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。