CNode
首页/问答

Vue2 的JSX spread操作符不起作用

问答
AAng-Work发布于9 年前最后回复9 年前1 回复4811 浏览0 收藏

如题，代码如下：

image.png

结果：

image.png

babel配置：

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

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

查看回复

回复 (1)

A
Ang-Work#1·9 年前

额，自问自答吧。。。
看了一下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写法。。。

参与回复
登录后即可参与回复。登录