苹果蛋儿

Results 17 comments of 苹果蛋儿

this is Vue3 ` import {computed} from "vue"; const props = defineProps({ barStyle: Object, duration: {type: String, default: "12s"}, direction: {type: String, default: "normal"},// delay: {type: String, default: "0s"} })...

我最近就在修改成ant-design-vue的,刚开始就遇到了个问题,比如,el的form里有labelWidth属性,但ant的没有,是labelCol属性,值还是个对象{span:12},搞了好久一直报警告,无从下手~

@xaboy 编辑数据的 Struct 组件的确有问题; 01. 第一次写入数据后点 确定也保存了,但第二次打开后什么不都改,再点确定就会提示格式错误,只好把内容全部删掉,重新来一次; 2. 02. 自定义组件,想用这个 Struct 编辑器 来编辑 on 属性,就写了很简单的 alert(123)点确定后 再次打开编辑器,这个编辑器把我写的内容全都改了~ 我自己写的 alert(123) 都不知道弄哪儿了~! ![WX20230317-165103@2x](https://user-images.githubusercontent.com/43071845/225857603-2587cce7-01d2-4738-9a82-e4df8e300343.png) ![WX20230317-165130@2x](https://user-images.githubusercontent.com/43071845/225857640-34714cbf-5e85-4805-9f8f-aaf381594250.png)

@xaboy vue2 ,vue3 都有相同的问题,你有空可以看一下 文档上面的示例~http://form-create.com/v3/designer

![WX20230317-174227@2x](https://user-images.githubusercontent.com/43071845/225869412-89103b14-eac1-4ff5-8057-faeb8c0b08ce.png) 随便找个组件,然后点击 联动数据 - 编辑数据,把数据输入后点确定,正常,然后再次点击 联动数据 - 编辑数据 ,什么都不改动,就点击确定 就会提示 格式错误 ![WX20230317-174252@2x](https://user-images.githubusercontent.com/43071845/225869970-c07a2f5c-2f21-41be-979e-bda35dc40377.png) 这个问题一直都会有~ 第二个问题是: 我自定义一个按钮组件,想编辑 这个组件的 on 属性,需要用到这个 Struct 组件 编辑器,但我 编辑好数据之后,点击确定保存后 ,再次点击编辑, 弹出编辑框后,显示的内容却不是 我之前输入的内容 … 这一块儿也不知道该如何处理~ @xaboy

@xaboy 格式有误的问题找到原因了,编辑框确定后对数据进行了转换(toJson),把格式给转换错了, 但目前即不知道如何解决; ![WX20230317-232634@2x](https://user-images.githubusercontent.com/43071845/225951712-c69fcc69-50a7-4bc3-af0b-8af8a8ca4dcf.png) ![WX20230317-233207@2x](https://user-images.githubusercontent.com/43071845/225951772-faeb5d4a-8704-4be5-8525-d7dd0608d749.png) 第二个问题的原因也找到了,但不知道该如何解决,我在编辑框内输入的 { click:function(a){} } 转换成了一堆不认识的代码是因为,我在 组件的属性上开启了事件注入inject:true ,所以点击确定保存后 经过 toJson 转换成了一堆并不是我写入的内容 ![WX20230317-234905@2x](https://user-images.githubusercontent.com/43071845/225954622-e639b13b-252c-4dbc-bed2-5488c2a33c5b.png) ![WX20230317-235122@2x](https://user-images.githubusercontent.com/43071845/225954663-62f44ce1-03c0-4f9c-9254-85b0e1bee481.png) 以上两个问题 应该都是 代码编辑框保存 toJSON 转换的问题~

@xaboy 以上两个问题已经解决, 第1个: 编辑后 第一次可以正常保存, 然后再打开,就会提示出错,的确是 tojson 转换的问题,所以 在编辑框内输入的 function 方法 或是 对象 不要用 es6 那种简写,老老实实 正常 es5 老写法, 然后就是 点击确定保存 的时候 先让 err 的状态为 false ,之后再去做 验证 是否正确,因为 没有详细去找如何...

@xaboy 我现在在徒手修改成 ant的,也引入了 form-create / ant , 发现颜色选择器拖入后组件不显示,因为ant框架本身就没有这个颜色选择器组件,但有个穿梭框组件,拖入后 组件也能显示(数据有但不显示)各种属性也能修改,一操作就报错,是不是因为form-create / ant 里面没有 transfer 这个组件的相关配置?我想自己添加,该如何添?给指导一下思路? ![WX20230302-112632@2x](https://user-images.githubusercontent.com/43071845/222323470-fd41a6fc-8f78-41f5-98af-2a187b8af50d.png)

我也发现了这个问题~但input输入框是正常的,其他的貌似不正常,但预览的时候却是会显示 红色 * 号的,也有验证