Vue UEditor：富文本编辑器在Vue项目中的灵活应用

<template>
  <div style="padding: 20px;border: 1px solid #eee;width: 50%;margin: 20px auto">
    <ul style="list-style: none;padding: 0;margin: 0">
      <li style="display: flex;flex-direction: row;" v-for="tag in tags" :key="tag.id">
        <div style=";padding:9px 10px;font-size: 15px;font-weight: 600;">{{tag.name + "£º"}}</div>
        <div style="flex: 1" class="diag-label">
          <span v-for="label in tag.labels" :key="label.id" style="margin: 5px 10px;font-size: 14px;color: #666;display: inline-block;padding:4px 10px;border-radius:14px ; " @click="tag.chooseId = tag.chooseId == label.id?false:label.id" :class="{'label-active':tag.chooseId == label.id}">{{label.name}}</span>
        </div>
      </li>
    </ul>
    <span @click="sureLabelSet()">È·¶¨</span>
  </div>
</template>

<script>
  import {getAllTags} from "@/util/api"
  export default {
    data(){
      return{
        tags:[]
      }
    },
    mounted(){
      getAllTags().then(res=>{
        res.forEach(v=>{
          v.chooseId = false;
        });
        this.tags =res;
      });
    },