element-ui 渲染失效

回答: 根据引用[1]中的描述，element-ui渲染失效的原因可能是v-if指令被错误地应用在了i标签上，导致dom未渲染，从而使得移入移出事件失效。解决这个问题的方法是将v-if指令应用在el-tooltip标签上，而不是i标签上。具体的代码示例可以参考引用[1]中的代码。另外，根据引用[2]中的描述，element-ui的渲染大小可以通过设置size属性来控制。如果没有传入size属性，则会使用之前计算的_elFormItemSize的值，如果仍未false值，则会使用Element身上的值。所以，如果element-ui的渲染失效，可以检查是否正确设置了size属性。最后，根据引用[3]中的描述，如果在el-row中添加负外边距，可以保证子元素设置外边距时不会影响整体行位置的改变。因此，如果element-ui的渲染失效，还可以尝试在相关元素中添加负外边距来解决问题。

相关问题

element-ui 失效

回答: 根据引用[1]中的描述，element-ui tooltip在表格换页时失效的原因是v-if被加在了i标签上，导致dom未渲染，从而使得移入移出事件失效。解决这个问题的方法是将v-if加在el-tooltip标签上，而不是i标签上。具体的代码示例如下：

<el-tooltip class="item" effect="dark" placement="bottom" v-if="!( (scope.row.stockPrice === 0 && scope.row.exchangeRate === 0) || scope.row.ltiResultId < 1 || scope.row.ltiKindId === 34 )">
  <div slot="content" style="lineHeight:20px;textAlign:center">
    <span v-at>折算股价</span> : HKD {{ scope.row.stockPrice }}
    <span v-at>港币汇率</span> HKD : HKD 1: RMB {{ scope.row.exchangeRate }}
  </div>
  <i class="el-icon-question"></i>
</el-tooltip>

引用[2]中提到的另一个失效问题是在element-ui中想要修改特定组件的样式，但不想在全局样式中修改。在这种情况下，可以给el-date-picker组件的popper-class属性添加一个class名称，例如test，然后通过.test来修改样式。具体的代码示例如下：

<el-date-picker popper-class="test"></el-date-picker>
<style scoped>
.test {
  /* 在这里修改样式 */
}
</style>

最后，引用[3]中提到的element-ui失效问题可能是由于babel配置的问题。可以尝试将label.config.js文件中的代码修改为以下内容：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["es2015", { "modules": false }]
  ],
  plugins: [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

这样可能会解决element-ui失效的问题。

element-ui里面的el-input设置autofocus失效怎么解决？

您好！对于 `element-ui` 的 `el-input` 组件设置 `autofocus` 失效的问题，可以尝试以下几种解决方法：

1. 确保 `autofocus` 属性正确应用：检查代码中是否正确添加了 `autofocus` 属性，例如 `<el-input autofocus></el-input>`。

2. 确保组件可见：在组件显示或渲染之前，`el-input` 必须可见才能生效。您可以尝试在组件显示后设置焦点，例如使用 `this.$nextTick()` 方法：

this.$nextTick(() => {
  this.$refs.input.focus();
});

这里的 `this.$refs.input` 是 `el-input` 组件的引用。

3. 使用 `setTimeout` 设置焦点：在某些情况下，直接设置焦点可能会失效。可以尝试使用 `setTimeout` 函数来设置焦点，延迟一小段时间后再设置焦点：

setTimeout(() => {
  this.$refs.input.focus();
}, 100);

这里的 `this.$refs.input` 是 `el-input` 组件的引用。

4. 确保只有一个元素设置了 `autofocus`：如果页面中同时存在多个设置了 `autofocus` 的元素，只有第一个会生效。请确保只有一个元素应用了 `autofocus` 属性。

如果以上方法仍然无效，可能需要进一步检查代码逻辑、组件生命周期等方面的问题。希望这些方法能帮助您解决问题！如果还有其他问题，请随时提问。