首页 > 其他分享 >vue Js对象结构函数使用方法

vue Js对象结构函数使用方法

时间:2023-05-26 14:34:12浏览次数:29  
标签:vue const pageSize 结构函数 inComeTypeId queryForm currentPage Js

写了三行不如一行搞定

原先的

 const inComeTypeId = this.queryForm.inComeTypeId
 const currentPage = this.queryForm.currentPage
 const pageSize = this.queryForm.pageSize

现在的

const { inComeTypeId, currentPage, pageSize } = this.queryForm

一行代码实现变量命名及从对象中取值,比较的爽哈。

标签:vue,const,pageSize,结构函数,inComeTypeId,queryForm,currentPage,Js
From: https://www.cnblogs.com/clsoft/p/17434637.html

相关文章

  • vue3 router 路由传参
    路由跳转importrouterfrom"@/router";router.push({path:"/iframe",query:{url:frameurl.value}});获取参数importrouterfrom"@/router";import{useRoute}from"vue-router";constroute=useRoute();const......
  • vue3 组件传参
    父组件  子组件<iframe:src="props.src"width="100%"height="100%"frameborder="0"id="_iframe"></iframe>接收参数constprops=defineProps({src:{type:......
  • 直播系统源代码,js控制滚动条位置
    直播系统源代码,js控制滚动条位置  privaterenderData=()=>{ /*图形渲染方法*/    this.renderCanvas();    /*定位滚动条,要在图形渲染之后定位*/    constdom=document.getElementById(this._para.container)    dom!.style.ove......
  • elementplus vue3 ts 单图预览封装
    <divclass="demo-image__preview"><el-imagestyle="width:50px":src="props.image":zoom-rate="1.2":preview-src-list="[props.image]":initial-index="4&quo......
  • vue中使用vant中PullRefresh 下拉刷新踩坑
    问题PullRefresh的内容未填满屏幕时,只有一部分区域可以下拉:<template><divclass="appCon"><van-pull-refreshclass="pageRefresh"v-model="isLoading"success-text="刷新成功"@refresh="onRefre......
  • js百度地图计算两经纬度坐标点的距离
    百度地图提供现成的方法,直接调用就可以了Map类getDistance(start:Point,end:Point)Number返回两点之间的距离,单位是米。(自1.1新增)varmap=newBMap.Map("container");varpoint1=newBMap.Point(lng1,lat1);varpoint2=newBMap.Point(lng2,lat2);vardistanc......
  • vue3 打包超出限制 Some chunks are larger than 500 kBs after minification
    vite.config.ts,build:{//如果自己分片的话,就会生成37个文件//chunkSizeWarningLimit:1000,//rollupOptions:{//output:{//manualChunks(id){//if(id.includes('node_modules')){//re......
  • vue3 reactive响应式赋值页面不渲染问题
    问题描述://声明变量letdata=reactive([]);http().then(res=>{data=res.dataconsole.log(data)})//data数据更新,页面没有渲染,1、因数据结构而导致的未渲染解决方法:依旧是reactive,可以在外面包一层//声明letstate=reactive({data:[]})//赋值state......
  • js调用摄像头拍照及扫描二维码
    注:js调用摄像头需要localhost域或者https,否则会报无权限一引用jsGithub:https://github.com/mebjas/html5-qrcode<scriptsrc="html5-qrcode.min.js?v=2"></script>二html页面<!DOCTYPEhtml><html><head><title>Instascan</titl......
  • .env.development(开发环境)、.env.prodction(正式环境)、自定义环境 例如:读取vue项目根
    .env.development(开发环境)、.env.prodction(正式环境)、自定义环境原文链接:https://blog.csdn.net/qq_42855675/article/details/114261585文章目录1.配置文件:2.命名规则3.关于文件的加载使用自定义环境1.配置文件:      .env.development:开发环境下的配置文件 ......