动态给选中文字设置样式（vue实操）

***利用右边的选项卡给左边选中数据设置对应的色值***

---

腾讯视频_腾讯视频

下面是全部代码：

 

   

   

   

   

   

   

   

   

   

   

   

      rel="stylesheet"

      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"

    />

   

   

   

 

 

 

   

     

       

          class="con_left"

          ref="contenttext"

          id="contenttext"

          @mouseup.stop="getContText($event)"

        >

         

       

       

         

会议意见

         

           

              class="right_cont_item"

              v-for="(cor,i) in colorCardComputed"

              :key="i"

            >

             

                v-if="!isEdit"

                class="right_cont_item_title"

                :style="{background:cor.color}"

                @click="locationHandler(cor)"

              >

                {{cor.title}}

               

                  {{cor.index + 1}}/{{cor.colorPickSumList.length}}

               

             

             

                v-if="isEdit"

                class="right_cont_item_title"

                :style="{background:cor.color}"

                @click="colorHandler(cor)"

              >

                {{cor.title}}

               

                 

                    style="margin-left: 15px"

                    v-model="cor.checked"

                    @change="checkHandler(cor)"

                  >

                  {{cor.checkedText}}

               

                {{cor.colorPickSumList.length}}

             

             

{{cor.cont}}

             

               

                  type="textarea"

                  :rows="3"

                  placeholder="请输入备注"

                  v-model="cor.selectSec" >