ElementPlusError: [ElPagination] undefined

2024-03-30 17:18

本文主要是介绍ElementPlusError: [ElPagination] undefined,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在这里插入图片描述

报错原因:必传值total最初传入的值为undefined

解决:使用watch进行监听赋值

<el-pagination@size-change="handleSizeChange"@current-change="handleCurrentChange"v-model:current-page="index"v-model:page-size="size":page-sizes="pageSizes"layout="total, sizes, prev, pager, next":total="totalNum":background="true"></el-pagination>setup(props, context) {const pageInfo = reactive({index:1,size: 10,totalNum:0})watch(() => [props.pagemeta.page, props.pagemeta.page_size, props.pagemeta.total] , (newValue, oldValue) => {pageInfo.index = newValue[0];pageInfo.size = newValue[1];pageInfo.totalNum = newValue[2];// console.log(`原值为${oldValue}`)   // console.log(`新值为${newValue}`)  })return {...toRefs(pageInfo),}
}

这篇关于ElementPlusError: [ElPagination] undefined的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/862095

相关文章

vue 父组件调用子组件的方法报错,“TypeError: Cannot read property ‘subDialogRef‘ of undefined“

vue 父组件调用子组件的方法报错,“TypeError: Cannot read property ‘subDialogRef’ of undefined” 最近用vue做的一个界面,引入了一个子组件,在父组件中调用子组件的方法时,报错提示: [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘methods

运行PHP程序时提示“Notice: Undefined index”的解决办法

最近在调试网站程序的时候,不知道怎么经常出现“Notice:Undefined index”的提示,程序又可以正常运行,就是看到这个提示感觉有点不爽,把模板搞乱了,经查其实这个不是错误,是警告。如果服务器不能改,那每个变量使用前应当先定义。怎么样解决呢?很多网友的说法不一致,程序不一样你也根本没办法照着解决,要是自己慢慢研究的话一大堆代码得半天试,在这里提供一个最简单有效经本人测试有效的办法给大家

uniapp微信小程序开发踩坑日记:Pinia持久化报错Cannot read property ‘localStorage‘ of undefined

插件默认使用 localStorage 实现持久化,小程序端不兼容,需要替换持久化 API import { defineStore } from 'pinia'   export const useCommonStore = defineStore('pack-store', {state: (): State => ({wwInfo: {},globalData: {},timerLoc

前段百科---JS中形如(function(window, undefined) {})(window)写法的理解

在Web开发过程中,往往会看到有人这样编写JS脚本: (function(window, undefined) {//do something})(window);可能有人会问: 卧槽,这是什么鬼? OK,且听我慢慢道来: 首先,(function(window, undefined) {})(window)可以简化看成这样()();而()()就是一个匿名函数自执行的写法.

ElementPlusError: [ElForm] unexpected width NaN 解决方法

我自己在使用 Vue 和 ElementPlus 开发项目时,当切换到某些页面时,控制台会出现如下错误: 经过分析,问题原因如下: • el-form 组件设置了 label-width=“auto”,并且该组件处于隐藏状态(例如被 display: none 隐藏,项目中是由于 el-tab 组件的切换导致的)。 • 当切换页面时,这个隐藏的表单组件会引发问题。具体来说,el-form 组

JavaScript学习(二):原始数据类型-字符串、数字、布尔值、null、undefined

数据类型 --- 能够表示并操作值的类型,编程语言的最基本特性就是能够支持多种数据类型。 JavaScript的数据类型分为两种: 原始类型 (primitive type)  对象类型(object type) 原始数据类型包括:  数字   字符串  布尔值   , 特殊的原始值:null  undefined,不是数字、字符串和布尔值,代表了各自特殊类型

js判断是否为null 空 undefined

A、判断变量是否为'' null undefined: if (null == modelType || 'undefined' == typeof(modelType) || '' == modelType) {return;} B、null undefined变量转换'': StringUtil.nullToString = function (str) {if (str ===

Cannot read property 'render' of undefined

Cannot read property 'render' of undefined 報錯, 本地和debug環境訪問正常 進行了以下排查 先查看了其他業務 訪問正常 排除全局性錯誤 推斷應該是引入組件的問題 斷點查看各個步驟下scope 發現了某個組件缺少模塊導出   參考 https://stackoverflow.com/questions/51021348/cannot-set-pr

你真的了解javascript中的null和undefined吗

知乎:https://www.zhihu.com/question/31442029。 也是不错的文章 原 你真的了解javascript中的null和undefined吗 分类:【前端】 (3027) (8) 举报 收藏 这段时间一直在学习JavaScript,在学习数组的时候碰到这么一个问题。 给了一段代码: 书上解析:

SpringBoot日志管理 —— 解决Logback生成 “LOG_PATH_IS_UNDEFINED“ 文件夹问题

问题背景 在我们的SpringBoot项目中,我们使用Logback作为我们的日志框架。我们注意到在项目的根路径下面出现了一个名为 LOG_PATH_IS_UNDEFINED 的文件夹,我们所有的日志文件都在这个文件夹中。定义的日志文件并没有在指定的路径中生成。 原因分析 经过分析推测是 logback 配置文件存在问题,因为日志的输出格式是正确的,生成的文件也是正确,文件存放路径是错误的,