elementUI使用中遇到的问题
- 在使用element-UI的级联选择器时,发现一个矛盾的问题。
需求是要能选择任意一级分类。为了实现这个需求,于是添加给级联选择器添加了下面这个属性:
但是添加了这个属性之后,会出现第一张图的情况,会出现小圆圈,并且点击每个选项前的小圆圈才能选中。
但是一般人又是习惯于点击名字直接选中的,所以,点击圆圈选中不太符合人性化设计的理念。
于是我去官方文档找级联器的属性,看有没有能去掉这个圆圈的属性,结果是没有。然后通过和群友的讨论,发现好像是无法通过官方文档提供的属性去掉圆圈,让它通过点击名字选中。
要想达到目的,可以通过把这个圆圈改成透明的,然后覆盖在名字的上面,这样才能实现想要的效果。但是这种方法需要去修改底层代码,困难有点大。
- 问题:在提交一个表单时,服务器接收表单中的一个参数是字符串类型的,但是当前该表单中的这个参数是数组,并且双向绑定了一个级联选择器。所以在我提交表单时,把改参数直接用join方法转成字符串时报错了。
- 报错原因:级联选择器双向绑定的只能是数组,而我用join方法把这个参数变成了字符串,所以报错。
- 解决方案:在这个问题中,存在一对矛盾。由于和级联选择器双向绑定,该参数必需是数组,然而发送请求时,服务器端又要求必须是字符串。为了解决这一矛盾,在发送请求前,使用深拷贝将该表单对象拷贝一份作为发送请求的参数,这样,修改拷贝出来的新表单对象中的参数就不会影响到级联选择器了。