深白色

深白色 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

深白色 提出了问题 · 2018-11-01

如何把下面例子的数组转成例子的

例子

[
    {
        id: 1,
        subId: null
    },
        {
        id: 2,
        subId: null
    },
    {
        id: 3,
        subId: 44
    },
    {
        id: 3,
        subId: 45
    }
]

想要这样的结果

[
    {
        id: 1,
        subIds: null
    },
        {
        id: 2,
        subIds: null
    },
        {
        id: 3,
        subIds: [44, 45]
    }
]

关注 5 回答 2

深白色 提出了问题 · 2017-07-21

vue组件通信的疑惑

clipboard.png

我有一个这样的业务,如图: 页面B是页面A的子路由,3个点击事件触发同一个事件,我现在的做法是点击C的时候用event bus发射,页面A接收后执行请求事件,请求的数据是存在了vuex里,这种情况如果不用bus有什么更好的方式?

关注 2 回答 1

深白色 提出了问题 · 2017-07-09

vue递归后的组件点击事件不起作用

为什么递归后@click="selItem(item)"事件就无效了

<template>
  <span class="menu">
    <ul v-if="data && data.length">
      <li v-for="item in data" :key="item.id" @mouseenter="handleItem(item)">
        {{ item.label }}
        <span>
          <i class="el-icon-plus" @click="selItem(item)">+</i>
        </span>
      </li>
    </ul>
    <list v-if="sublist && sublist.length" :data="sublist">
    </list>
  </span>
</template>

<script>
import item from './item'
export default {
  name: 'list',
  props: {
    data: Array
  },
  components: {
    item
  },
  data () {
    return {
      sublist: []
    }
  },
  watch: {
    data () {
      this.sublist = []
    }
  },
  methods: {
    handleItem (item) {
      this.sublist = item.children
    },
    selItem (item) {
      this.$emit('select-item', item)
    },
    subItem (item) {
      console.log(item)
      this.$emit('select-item', item)
    }
  }
}
</script>

<style lang="less" scope>
.menu {
  width: 100%;
  ul {
    display: inline-block;
    min-width: 100px;
    height: 180px;
    margin: 0;
    padding: 5px 0!important;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #e9eaec;
    overflow: auto;
    height: 200px;
    overflow: auto;
    width: 33%;
    li {
      list-style: none;
      font-size: 12px;
      padding: 5px 15px;
      cursor: pointer;
      i {
        float: right;
        cursor: pointer;
      }
    }
  }
}
</style>

关注 4 回答 3

深白色 提出了问题 · 2017-07-06

tomcat服务如何配置vue-router的history模式

官网只有apache的,不太明白tomcat怎么弄

关注 4 回答 2

深白色 提出了问题 · 2017-06-22

express的proxyTable代理问题

clipboard.png
代理设置好接口访问地址

ajax默认url设置为

clipboard.png

clipboard.png
请求成功

如果不设置baseUrl为 '/api' 就是404

不知道为什么pathRewrite没起到作用

实际生产环境不可能有api这个目录的

关注 2 回答 1

深白色 提出了问题 · 2017-06-19

解决vue-router登录成功后回到登录前页面是如何实现的?

例如复制了一个链接https://segmentfault.com/ask/...
到浏览器粘贴回车 会进入登录页面 登录成功后想再回到https://segmentfault.com/ask/...这个页面

关注 6 回答 2

深白色 提出了问题 · 2017-06-17

解决如何把数组对象相同的key值合并,并且把对应的id放到一个数组

例如旧数据:
var old = [

{
    id: 1,
    name: 'css',
    type: 'html'
},
{
    id: 2,
    name: 'css',
    type: 'html'
},
 {
    id: 3,
    name: 'javacript',
    type: 'code'
},
{
    id: 4,
    name: 'javacript',
    type: 'code'
}

]
想得到的 var new = [

{
    id: [1,2],
    name: 'css',
    type: 'html'
},
 {
    id: [3,4],
    name: 'javacript',
    type: 'code'
},

]
希望把相同name的对象合并,并且把对应的id放到一个数组

关注 6 回答 2

深白色 提出了问题 · 2017-06-17

解决如何合并数组里某个key值一样的对象,合并后把不相同的值放到一个数组

初始时
var old = [

{
    id: 1,
    name: "first"
},
{
    id: 2,
    name: "first"
},
{
    id: 3,
    name: "second"
},
{
    id: 4,
    name: "second"
}

]
希望得到的结果
var new = [

{
    a: [1, 2],
    b: "first"
},
{
    a: [3, 4],
    b: "second"
}

]

关注 2 回答 2

认证与成就

  • 获得 3 次点赞
  • 获得 15 枚徽章 获得 1 枚金徽章, 获得 4 枚银徽章, 获得 10 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-01-10
个人主页被 296 人浏览