如图，我在循环列表里面绑定了一个点击事件，并且设置了一个 item的值

接下来我在methods中定义了 viewDetail 方法

实际运行的效果，这里的 e 是 undefined

有人知道是怎么回事吗？

CubeAI ★ 智立方 是参考 Linux AI基金会（LFAI）开源项目Acumos的设计理念，由中国联通网络技术研究院完全自主开发的集AI模型开发、模型共享和能力开放等功能于一体的开源网络AI平台。

CubeAI平台目前提供AI模型打包、模型导入、容器化封装、模型编排、模型发布、模型搜索、模型部署、AI能力开放、能力编排、能力演示等功能，支持AI模型的docker容器化封装和微服务化部署。

CubeAI致力于在AI模型开发者和模型的实际使用者之间架设一条互通的桥梁。开发者无需关心具体的部署环境，最终用户无需了解AI算法的具体实现细节，使得开发者和使用者能够专注于各自最擅长的领域进行创新，从而加速AI创新和应用进程，促进AI算法从设计、开发直到部署、应用整个生命周期的快速迭代和演进。

本系统由AI建模、AI模型共享（AI商城）和AI能力开放三大平台组成。其中AI建模目前暂采用线下形式，使用Acumos提供的客户端工具来实现模型打包。

本系统AI模型共享平台（AI商城）和AI能力开放平台基于Spring Cloud微服务架构进行开发。前端采用Angular 6.0框架实现，编程语言主要为TypeScript和HTML；后端采用Spring Boot框架实现，编程语言主要为Java。部分微服务初始代码框架采用Jhipster代码脚手架工具生成。

微服务基础组件Consul使用Consul作为微服务注册/发现中心和数据配置中心。API网关是一个特殊的微服务，用于为后端的业务应用微服务提供一个统一的访问入口，主要功能包括：HTTP路由，负载均衡，安全控制，QoS控制，接入控制，熔断机制等等。

本系统将API网关功能与采用Angular编写的前端Portal页面集成于同一个微服务之中，命名为：gateway。

uaa（用户认证授权中心）是一个特殊的微服务，为系统提供统一的安全控制服务，主要用于用户的认证、鉴权、授权，微服务的访问控制，以及基于角色的访问控制。

消息中间件由一组特殊的微服务组成，主要用于系统中微服务间异步数据和消息的高效传输和处理。本系统采用开源软件Kafka来作为消息中间件。

搜索/日志/可视化采用ELK套件来实现。ELK Stack构建在开源基础之上，能够安全可靠地获取微服务架构中任何来源、任何格式的数据，并且能够实时地对数据进行搜索、分析和可视化呈现。

项目地址： https://github.com/cube-ai/cubeai

网上提供的方案，在父元素上设置属性 -webkit-app-region: drag; 可以实现拖拽，然后在子元素上设置 -webkit-app-region: no-drag;, 这样可以实现子元素接收事件
但我的场景有点特殊，我需要在同一个元素上，既能拖拽，又能点击，发现没有相关的解决方案，应该如何破解

PC UI

Ant Design

Ant Design 是 阿里官方的一套UI框架，支持 vue 、react、 angular等多种前端框架语言的UI库，
特别适合团队中，有不同产品，不同语言开发项目，但是又要保持统一的视觉和产品规范的团队使用，背后有淘宝的团队在支持，bug修复快，稳定值得推荐

element ui

element ui 是饿了么团队出品的UI框架，也是比较优秀，也支持 react 、angular 版本，更新速度比较快，和antd组件差不多，看个人喜好选择

View UI

view ui 前身名为 iview ui，后来2.0版本后更改成 view ui, view ui 只有 vue 版本，拥有整套完整的体系，可直接用自带的脚手架创建基于view ui的项目，2.0一会 view ui划分了2个版本，社区版和收费版，收费版会提供一些定制化的组件，适合有定制化需求的项目公司使用，付费的好处就是有技术问题官方可以随时响应配合处理

Muse-UI

基于 Vue 2.0 优雅的 Material Design UI 组件库
样式是 扁平化风格，样式也比较美观，国外团推出品的，有中英文两个版本，喜欢扁平化的小伙伴可以试试

移动端UI

vant ui

vant 是有赞出品的移动端UI框架，目前拥有 H5 和 微信小程序2个版本，组件丰富，样式美观，适合有H5版本，和小程序版本开发需求的团队使用

mint ui

饿了么团队出品，组件丰富，不过细节稍微差一点，只有H5版本

vux

vux 样式规范基于微信，是早期优秀的vue 移动框架，组件美观，用户比较多

持续更新，敬请期待！

this总是代表着他的直接调用者，例如obj.fun()，那么fun()中的this就是obj

举例

import axios from 'axios'
export default new class {
  constructor() {
    this.sayhello()
    // => "hello"
    
    axios.get('xxx.com').then(function() {
      // 此时this指向的是function函数本身,无法获取到父级的方法
      this.sayhello()
      // => sayhello undefined
    })

    // 箭头函数修改this作用域
    axios.get('xxx.com').then(() => {
      this.sayhello()
      // => "hello"
    })

    // 拷贝this作用域
    var that = this
    axios.get('xxx.com').then(function() {
      that.sayhello()
      // => "hello"
    })
  }

  sayhello() {
    console.log('hello')
  }
}