v-code-diff icon indicating copy to clipboard operation
v-code-diff copied to clipboard

vue3单独引入的时候页面会报错,

Open Jankos-li opened this issue 3 years ago • 9 comments

export default { name: 'App', components: { CodeDiff }

Jankos-li avatar May 16 '22 10:05 Jankos-li

请贴出详细的报错截图,以及代码

Shimada666 avatar May 16 '22 11:05 Shimada666

这段代码是放在script里面的,因为页面会报错,我就将其注释掉了, image 这个是我的使用,是放在一个el-dialog标签中,rowdata.value.oldconstant是我的数据源。 image

Jankos-li avatar May 16 '22 11:05 Jankos-li

因为现在不在公司,不能启动项目,所以报错截图我没粘上去,不注释的话页面打不开。

Jankos-li avatar May 16 '22 11:05 Jankos-li

这段代码是放在script里面的,因为页面会报错,我就将其注释掉了, image 这个是我的使用,是放在一个el-dialog标签中,rowdata.value.oldconstant是我的数据源。 image

你代码没贴全,看起来是用 vue3 + setup script 语法,那么仅需在 script 标签中加入

 import { CodeDiff } from 'v-code-diff' 

这一条应该就可以已正常使用了

Shimada666 avatar May 16 '22 11:05 Shimada666

这段代码是放在script里面的,因为页面会报错,我就将其注释掉了, image 这个是我的使用,是放在一个el-dialog标签中,rowdata.value.oldconstant是我的数据源。 image

你代码没贴全,看起来是用 vue3 + setup script 语法,那么仅需在 script 标签中加入

 import { CodeDiff } from 'v-code-diff' 

这一条应该就可以已正常使用了

这个我加了,意思是不需要加入export import啥的是吧。

Jankos-li avatar May 16 '22 11:05 Jankos-li

这段代码是放在script里面的,因为页面会报错,我就将其注释掉了, image 这个是我的使用,是放在一个el-dialog标签中,rowdata.value.oldconstant是我的数据源。 image

你代码没贴全,看起来是用 vue3 + setup script 语法,那么仅需在 script 标签中加入

 import { CodeDiff } from 'v-code-diff' 

这一条应该就可以已正常使用了

这个我加了,意思是不需要加入export import啥的是吧。

那一段是示例,export import 是 vue 的使用方法,但是你错误的直接复制进去了

Shimada666 avatar May 16 '22 11:05 Shimada666

这段代码是放在script里面的,因为页面会报错,我就将其注释掉了, image 这个是我的使用,是放在一个el-dialog标签中,rowdata.value.oldconstant是我的数据源。 image

你代码没贴全,看起来是用 vue3 + setup script 语法,那么仅需在 script 标签中加入

 import { CodeDiff } from 'v-code-diff' 

这一条应该就可以已正常使用了

这个我加了,意思是不需要加入export import啥的是吧。

那一段是示例,export import 是 vue 的使用方法,但是你错误的直接复制进去了

现在有效果了,但是数据都汇总在一行是为啥呢?按理不是应该遇到逗号换行吗? image

Jankos-li avatar May 17 '22 01:05 Jankos-li

这段代码是放在script里面的,因为页面会报错,我就将其注释掉了, image 这个是我的使用,是放在一个el-dialog标签中,rowdata.value.oldconstant是我的数据源。 image

你代码没贴全,看起来是用 vue3 + setup script 语法,那么仅需在 script 标签中加入

 import { CodeDiff } from 'v-code-diff' 

这一条应该就可以已正常使用了

这个我加了,意思是不需要加入export import啥的是吧。

那一段是示例,export import 是 vue 的使用方法,但是你错误的直接复制进去了

现在有效果了,但是数据都汇总在一行是为啥呢?按理不是应该遇到逗号换行吗? image

怎么可能按逗号换行呢,是按换行符换行

Shimada666 avatar May 17 '22 02:05 Shimada666

这段代码是放在script里面的,因为页面会报错,我就将其注释掉了, image 这个是我的使用,是放在一个el-dialog标签中,rowdata.value.oldconstant是我的数据源。 image

你代码没贴全,看起来是用 vue3 + setup script 语法,那么仅需在 script 标签中加入

 import { CodeDiff } from 'v-code-diff' 

这一条应该就可以已正常使用了

这个我加了,意思是不需要加入export import啥的是吧。

那一段是示例,export import 是 vue 的使用方法,但是你错误的直接复制进去了

现在有效果了,但是数据都汇总在一行是为啥呢?按理不是应该遇到逗号换行吗? image

怎么可能按逗号换行呢,是按换行符换行

哈哈哈是的,已经解决了,刚想回复您来着,多谢!

Jankos-li avatar May 17 '22 02:05 Jankos-li