element:网站快速成型工具

日期 : 2020-07-26 17:53:33


Axure Components

通过在 Axure 中导入 Element 组件库,可以在交互设计阶段方便地调用常用的组件

Sketch Template

从 Element Template 快速调用常用组件,在提升设计效率的同时,保证统一的视觉风格

网站地址:https://element.eleme.cn/

给组件绑定的事件为什么无法触发?

在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 .native 修饰符:

<my-component @click.native="handleClick">Click Me</my-component>

从易用性的角度出发,我们对 Button 组件进行了处理,使它可以监听 click 事件:

<el-button @click="handleButtonClick">Click Me</el-button>

但是对于其他组件,还是需要添加 .native 修饰符。

如何在 Table 组件的每一行添加操作该行数据的按钮?

使用 Scoped slot 即可:

<el-table-column label="操作">

  <template slot-scope="props">

    <el-button @click.native="showDetail(props.row)">查看详情</el-button>

  </template>

</el-table-column>

参数 row 即为对应行的数据。

Tree 组件的 `render-content` 和 Table 组件的 `render-header` 怎么用?

请阅读 Vue 文档 Render Function 的相关内容。注意,使用 JSX 来写 Render Function 的话,需要安装 babel-plugin-transform-vue-jsx,并参照其文档进行配置。

所有组件的任意属性都支持 `.sync` 修饰符吗?

不是。对于支持 .sync 修饰符的属性,我们会在文档的 API 表格中注明。更多 .sync 的用法请查看 Vue 文档。

你们的文档怎么偷偷更新了?

我们只会在 Element 发布新版本时同步更新文档,以体现最新的变化。详细的更新内容可以查看 changelog。

在项目中引入 Element,但是 CSS 报错/字体文件报错/组件没有样式是什么原因?

请参考我们提供的 starter kit,在 webpack 的 loaders 中正确配置 file-loader、css-loader 和 style-loader。此外,我们还提供了基于 cooking 和 laravel 的项目模板。

将 Element 克隆至本地,运行时为何会报错/跑不起来?

首先,确保克隆的是 master 分支的最新代码,并且文件完整。其次,确保本地的 node 版本在 4.0 以上,npm 版本在 3.0 以上。最后,可以启动开发环境:

npm run dev

或是直接打包:

npm run dist

标签 :