私有变量 WorldCloud 反射 Markdown regex mockito vue插件 找公司做网站 nodejs教程视频 小程序demo源码 多商户商城模板 jquery第一个子元素 java反射方法 wps临时文件 less比较级 ubuntu更改文件夹权限 kubernetes视频教程 mysql查询 python3正则表达式 python功能 python中的range函数 python学习文档 python位操作 java实例 java开发 java运算符 java的数据结构 java获得当前日期 linuxsleep 马赛克软件 ad19 oem修改器 mssql pmbok第六版 0x000008e fireworks序列号 3dmax材质编辑器 熊猫头表情包制作 excel转csv cpu和显卡怎么搭配
当前位置: 首页 > 学习教程  > 编程语言

vue 重新学习

2020/7/24 10:22:33 文章标签:

我发现招vue 的多,在我们这个小城市

所以下一阶段,重点研究vue ,由于已经研究过了,所以这次重点放在

源码,和项目实战上! 正确能掌握并且熟练使用它!

————————————————————————————————————

 

<template>
  <div>
    <ul>
      <li v-for="(value,key) in myStyle" :key="key">
        {{value}}--{{key}}
        <button @click="del(key)">delete</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "kk",
  data() {
    return {
      myStyle: {
        color: "red",
        fontSize: "12px"
      }
    };
  },
  methods: {
    del(key) {
      let newStyle = {};
      Object.keys(this.myStyle)
        .filter(item => item !== key)
        .map(i => {
          newStyle[i] = this.myStyle[i];
          return i;
        });

      this.myStyle = newStyle;
    }
  }
};
</script>

<style  scoped>
.common {
  color: red;
}
</style>

我犯病了,自己写个json 对象,然后对该对象操作

 


本文链接: http://www.dtmao.cc/news_show_50263.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?