zoukankan      html  css  js  c++  java
  • Vue 框架中遇到的诀窍

                                                    问题一、 我需要渲染数组A,并根据 B数组中是否存在A中,给A添加 选中状态sel。

    经过很焦虑的研究后,寻求帮助得到答案。

    1、初始化数据时 A添加属性flag(bool)标识,如果B中存在A中某个 就 flag=true。

    2、渲染页面时 使用关键 指令:class  (v-bind)   ,

    {'select-tag': item.flag}解析:  当 item.flag 为 true时输出  select-tag
    <div class="block-tags" :class="['',{'select-tag': item.flag}]" v-for="(item,index) in defaultType" :data-id="item.id">
          {{ item.name }}
    </div>

    总结:   实战验实力

        问题二、异步获取数据后 获取到 B对象,于是乎我把    A = B , C = B ;

    结果:  在使用当中,一旦 修改 ABC任意值,三个都会被修改。  这真是无语了。

    最终解决方案:

    使用了  JS:Object.assign         Object.assign(target, ...sources)

    这个简直厉害了,   A = Object.assign([], B);   这样就解决问题了。  

    一级棒~!

  • 相关阅读:
    Uri编码,包括javascript前端与C#服务器端
    快速排序
    bootstrap
    boosting
    bagging
    SHELL排序
    冒泡排序
    插入排序
    选择排序
    二叉树的数学性质
  • 原文地址:https://www.cnblogs.com/longm/p/10113591.html
Copyright © 2011-2022 走看看