mirror of https://github.com/ElemeFE/element
misc updates (#705)
parent
19d7e72f3a
commit
d70ad3dfc5
33
FAQ.md
33
FAQ.md
|
@ -1,13 +1,23 @@
|
||||||
## FAQ
|
## FAQ
|
||||||
|
|
||||||
### 给组件绑定的事件为什么无法触发?
|
<details>
|
||||||
|
<summary>给组件绑定的事件为什么无法触发?</summary>
|
||||||
|
|
||||||
在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 `.native` 修饰符:
|
在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 `.native` 修饰符:
|
||||||
```html
|
```html
|
||||||
<el-button @click.native="handleButtonClick">Click Me</el-button>
|
<my-component @click.native="handleClick">Click Me</my-component>
|
||||||
```
|
```
|
||||||
|
|
||||||
### 如何在 Table 组件的每一行添加操作该行数据的按钮?
|
从易用性的角度出发,我们对 `Button` 组件进行了处理,使它可以监听 `click` 事件:
|
||||||
|
```html
|
||||||
|
<el-button @click="handleButtonClick">Click Me</el-button>
|
||||||
|
```
|
||||||
|
|
||||||
|
但是对于其他组件,还是需要添加 `.native` 修饰符。
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>如何在 Table 组件的每一行添加操作该行数据的按钮?</summary>
|
||||||
|
|
||||||
使用 inline-template 即可:
|
使用 inline-template 即可:
|
||||||
```html
|
```html
|
||||||
|
@ -16,16 +26,22 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
```
|
```
|
||||||
参数 `row` 即为对应行的数据。
|
参数 `row` 即为对应行的数据。
|
||||||
|
</details>
|
||||||
|
|
||||||
### 你们的文档怎么偷偷更新了?
|
<details>
|
||||||
|
<summary>你们的文档怎么偷偷更新了?</summary>
|
||||||
|
|
||||||
我们只会在 Element 发布新版本时同步更新文档,以体现最新的变化。详细的更新内容可以查看 [changelog](https://github.com/ElemeFE/element/blob/master/CHANGELOG.md)。
|
我们只会在 Element 发布新版本时同步更新文档,以体现最新的变化。详细的更新内容可以查看 [changelog](https://github.com/ElemeFE/element/blob/master/CHANGELOG.md)。
|
||||||
|
</details>
|
||||||
|
|
||||||
### 在项目中引入 Element,但是 CSS 报错/字体文件报错/组件没有样式是什么原因?
|
<details>
|
||||||
|
<summary>在项目中引入 Element,但是 CSS 报错/字体文件报错/组件没有样式是什么原因?</summary>
|
||||||
|
|
||||||
请参考我们提供的 [starter kit](https://github.com/ElementUI/element-starter),在 webpack 的 loaders 中正确配置 file-loader、css-loader 和 style-loader。此外,我们还提供了基于 [cooking](https://github.com/ElementUI/element-cooking-starter) 和 [laravel](https://github.com/ElementUI/element-in-laravel-starter) 的项目模板。
|
请参考我们提供的 [starter kit](https://github.com/ElementUI/element-starter),在 webpack 的 loaders 中正确配置 file-loader、css-loader 和 style-loader。此外,我们还提供了基于 [cooking](https://github.com/ElementUI/element-cooking-starter) 和 [laravel](https://github.com/ElementUI/element-in-laravel-starter) 的项目模板。
|
||||||
|
</details>
|
||||||
|
|
||||||
### 在项目中引入 Element,报 `Uncaught Error: Module build failed: SyntaxError: 'with' in strict mode` 是什么原因?
|
<details>
|
||||||
|
<summary>在项目中引入 Element,报 `Uncaught Error: Module build failed: SyntaxError: 'with' in strict mode` 是什么原因?</summary>
|
||||||
|
|
||||||
请避免你使用的编译器处理 Element。比如,若是使用 webpack,请在 loaders 中配置:
|
请避免你使用的编译器处理 Element。比如,若是使用 webpack,请在 loaders 中配置:
|
||||||
```javascript
|
```javascript
|
||||||
|
@ -35,8 +51,10 @@
|
||||||
exclude: /node_modules/
|
exclude: /node_modules/
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
</details>
|
||||||
|
|
||||||
### 将 Element 克隆至本地,运行时为何会报错/跑不起来?
|
<details>
|
||||||
|
<summary>将 Element 克隆至本地,运行时为何会报错/跑不起来?</summary>
|
||||||
|
|
||||||
首先,确保克隆的是 master 分支的最新代码,并且文件完整。其次,确保本地的 node 版本在 4.0 以上,npm 版本在 3.0 以上。最后,可以启动开发环境:
|
首先,确保克隆的是 master 分支的最新代码,并且文件完整。其次,确保本地的 node 版本在 4.0 以上,npm 版本在 3.0 以上。最后,可以启动开发环境:
|
||||||
|
|
||||||
|
@ -49,3 +67,4 @@ npm run dev
|
||||||
```bash
|
```bash
|
||||||
npm run dist
|
npm run dist
|
||||||
```
|
```
|
||||||
|
</details>
|
||||||
|
|
|
@ -522,7 +522,7 @@
|
||||||
fixed="right"
|
fixed="right"
|
||||||
label="操作"
|
label="操作"
|
||||||
width="80">
|
width="80">
|
||||||
<el-button type="primary" size="small">编辑</el-button>
|
<el-button type="text" size="small">编辑</el-button>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -3,7 +3,7 @@ import navConfig from './nav.config.json';
|
||||||
const registerRoute = (config) => {
|
const registerRoute = (config) => {
|
||||||
let route = [{
|
let route = [{
|
||||||
path: '/component',
|
path: '/component',
|
||||||
redirect: '/component/quickstart',
|
redirect: '/component/installation',
|
||||||
component: require('./pages/component.vue'),
|
component: require('./pages/component.vue'),
|
||||||
children: []
|
children: []
|
||||||
}];
|
}];
|
||||||
|
|
Loading…
Reference in New Issue