# 常见问题

# 如何添加事件?

x-component-props 中可以用 @ 来标识事件,同时也支持 onXxx 这种方式来标识事件。两者区别在于使用 @ 标识的内容不会再作为 prop 传入组件,而 onXxx 这种会。这是为了兼容某些组件具有 onXxx 的 prop,如 ElementUI 中的 upload 组件 (opens new window)

WARNING

事件名冲突时,@ 的优先级更高。例如同时设置了 @changeonChange,只有 @change 会生效。

# 如何使用插槽?

使用 x-content 可以在组件的 default 插槽中插入内容。可以传入文本或组件。

# 如何使用具名插槽?

x-content 中以键名来表示插槽名。

WARNING

注意键名不可包含 templaterendersetup 三个关键字,否则整个 x-content 会被当做 vue 组件进行渲染。

# 如何使用作用域插槽?

x-content 使用函数式组件时, 渲染函数增加第二个参数,通过其 props 成员访问作用域插槽传入属性。

Last Updated: 9/13/2021, 3:36:24 PM