揭阳网站如何制作,做网站用jsp还是j2ee,网业升级,织梦做的网站快照被攻击一、Element Plus
1、控制台警告#xff1a;“Runtime directive used on component with non-element root node. The directives will not function as intended.” 错误原因#xff1a;在 Vue 组件上使用了运行时指令#xff08;指那些在运行时动态绑定到 DOM 元素上的指…一、Element Plus
1、控制台警告“Runtime directive used on component with non-element root node. The directives will not function as intended.” 错误原因在 Vue 组件上使用了运行时指令指那些在运行时动态绑定到 DOM 元素上的指令但是该组件的根节点不是一个标准的 DOM 元素例如 div 或 span 原因自定义指令不能放到组件上而是要放到自有的元素上。
解决方法 1.找到报警告的位置, 确认组件的根节点是否为一个有效的 DOM 元素 2.运行时指令v-loading、v-show、v-if… 3.如下图示例el-dialog上不能使用自定义指令v-loading Element UI 和 Element Plus 中的 el-dialog组件本身是一个封装好的组件它有自己的内部结构和生命周期。当你尝试在 el-dialog 上使用 v-loading指令时可能会遇到一些问题主要是因为 v-loading 指令期望的是一个标准的 DOM 元素而 el-dialog的根节点可能不是这样的元素。 2、Ignored: ResizeObserver loop limit exceeded
element-plus 使用el-table 在切换tab栏时报错 原因ResizeObserver不能处理所有的observations导致报错
解决方法: 1.阻止table的重绘给每个el-table-column设置固定的width缺点是无法自适应宽度。 2.给每个el-table-column设置min-width 3.添加debounce()防抖方法在App.vue文件中添加 const debounce (fn, delay) {let timer null;return function () {let context this;let args arguments;clearTimeout(timer);timer setTimeout(function () {fn.apply(context, args);}, delay);}
}const _ResizeObserver window.ResizeObserver;
window.ResizeObserver class ResizeObserver extends _ResizeObserver{constructor(callback) {callback debounce(callback, 16);super(callback);}
}4.给回调进行节流在App.vue中添加以下代码
// 解决 ElTable 自动宽度导致的「ResizeObserver loop limit exceeded」问题
const fixElTableErr (table) {const oldResizeListener table.methods.resizeListener;table.methods.resizeListener function () {window.requestAnimationFrame(oldResizeListener.bind(this));};
};
// 在Vue.use之前执行此函数
fixElTableErr(Table);
