在vue里面写jsx,Vetur几个报错的问题

问题描述

在用的是iview,renderHeader实际上是一个render函数,写的是jsx。
v:on和v-modal在装了jsx-v-model 插件的的情况下可以使用,但是会有几个报错问题

问题出现的平台版本及自己尝试过哪些方法

相关代码

renderHeader: (h, params) => {
                        return (
                            <Poptip placement="bottom">
                                <span class="pointer">
                                    {params.column.title}
                                    <i class="ivu-icon ivu-icon-ios-search" />
                                </span>
                                <Select
                                    slot="content"
                                    filterable
                                    clearable
                                    v-on:on-change={() => {
                                        this.detailSearch()
                                    }}
                                    v-model={this.detailHeader.userId}
                                >
                                    {this.incumbencyTbUser.map(person => {
                                        return (
                                            <Option v-model={person.id}>
                                                {person.nickname}
                                            </Option>
                                        )
                                    })}
                                </Select>
                            </Poptip>
                        )
                    }

clipboard.png

clipboard.png

clipboard.png

clipboard.png

是我写的不符合规则,还是vetur对jsx支持度不高,如何屏蔽这几项规则。

阅读 5.1k
2 个回答

我记得首选项里边有个template选项关了就可以

楼主,怎么解决的呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题