前端 - element 中 el-carousel 与 el-image 的冲突，如何解决？
<el-carousel height="170px"> <el-carousel-item> <el-image style="width: 100px; height: 130px" lazy src=".." /> </el-carousel-item> </el-carousel> "element-ui": "^2.15.10", "vue": "^2.6.11",el-image 使用 lazy 会无法正常显示, 在 el-carousel外面就是正常的。
这是什么原因造成的？如何解决呢？
共有1个答案
由于el-carousel内部会根据项目数进行懒加载，因此在el-carousel内部使用lazy会导致图片无法加载。解决这个问题的方法是将el-image的lazy属性去掉，并设置fit="contain"来保证图片在容器内居中显示。同时，为了让图片高度与el-carousel一致，需要将el-image的高度设置为100%。以下是修改后的代码示例：
<el-carousel height="170px"> <el-carousel-item> <el-image style="width: 100%; height: 100%" fit="contain" src=".." /> </el-carousel-item></el-carousel>这样，图片就能在el-carousel内部正常显示了。
-
其实是想要实现这样的样式： el-select 多选，选中的内容以逗号分割，最小宽度80px;最大宽度300px;超出最大宽度显示省略号 就是大概是下面这样，一行显示已经处理了，但是最小80px，然后input框的宽度根据选中的项的字符串内容变大，最大300px,超过显示省略号还没想好如何处理，有无大佬给个思路。 看了网上有说可以用 el-select 的prefix，结合计算属性去实现，但是pr
-
共同点是两者都可以下拉
-
ResizeObserver loop limit exceeded 为什么本地会报这个错，正式环境上没有？
-
差不多这样 看到有资源说这样：https://blog.csdn.net/cqlcqlcui123/article/details/130141190 这样也太费劲了，大家都是这么写的吗？ 另外找到的材料都是element-ui，vue2的，基本上都推荐用.native： 但是写进去之后提示这个被deprecated了，也不生效
-
<el-checkbox v-model="checked" label="Option 1" size="large" /> 期望 checked 的值是 0 和 1（0 表示 true，1 表示 false）。 怎么绑定这个值呢？ 尝试过： <el-checkbox :value="checked" label="Option 1" size="large" />
-
问题： 输入内容，失去焦点，应该提示【请输入正确的身份证号码】，也就是走rules的第二条规则partner，而不是走第一条require。 示例代码如下： 在线demo： el-form表单示例 - JS Bin