Vue2 的JSX spread操作符不起作用
发布于 7 年前 作者 Ang-Work 4257 次浏览 来自 问答

如题,代码如下:

image.png

结果:

image.png

babel配置:

{
    "presets": [
        ["es2015", {"modules": false}],
        ["stage-3"]
    ],
    "plugins": ["transform-vue-jsx"]
}

求教大神,这要怎么搞才行。。。

1 回复

额,自问自答吧。。。
看了一下vue的jsx,给子组件的props赋值需要传递一个props对象:

// 这样不行
list.map(item => <PostListItem key={item.id} props={item} />);
// 这样可以
list.map(item => {
	var props = {props: item};
	return <PostListItem key={item.id} {...props} />
});

看样子vue的jsx语法并不好用,遂果断放弃render方法,改回原来的template写法。。。

回到顶部