Vue2 JSX 常见问题

vue2 jsx render函数常见问题解决方案

vue/jsx-vue2

自定义组件 element-ui cascader为例

/**
 * 特别注意
 * 由于 el-cascader 需要传递名称为 'props' 的属性
 * 而在 vue 的 JSX 语法解析中，'props' 属性无法正常传递，所以这里需要特殊处理下
 */
const cascaderProps = {
  options: [],
  props: {
    checkStrictly: true,
    label: 'name',
    value: 'id',
    multiple: true,
    emitPath: false
  },
  clearable: true,
  filterable: true
};
return (
  <el-cascader
    {...{ props: cascaderProps }}
    v-model={form.type}
  />
);