谁不看谁是

这篇具有很好参考价值的文章主要介绍了谁不看谁是。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 谁不看谁是

报错Cannot create property 'type' on string ''

谁不看谁是

是因为 你定义的相关变量是字符串

谁不看谁是

 改成这样就行了

谁不看谁是

 vue报错Cannot set properties of undefined (setting ‘xxx‘)

是因为没获取到值,需要在方法外层定义变量等于this,然后在方法内使用变量.name去查找值;

方法返回值是一个promise对象-vue中返回结果是promise的处理方式-vue打印方法的返回值是一个Promise

 async getFileNameRepeatStatus(id, name) {
      let status=false;
      await this.$http({
        method: "POST",
        url: "/cbrc/work/file/checkFile",
        data: { customFileName: name, id: id }
      }).then(res => {

        const { data, code } = res.data;
        if (code == 200) {
          if (data.length > 0) {
            status= true;
          }
        }
      });
      return status;
    },

打印

        console.log('this.getFileNameRepeatStatus("", this.fileName) :>> ',this.getFileNameRepeatStatus("", this.fileName));

返回值竟然是个promise对象 

谁不看谁是

 解决方法是加await,等待函数执行完毕再打印

        console.log('this.getFileNameRepeatStatus("", this.fileName) :>> ',await this.getFileNameRepeatStatus("", this.fileName));

谁不看谁是

成功 

vue在data中使用定义的其他data的值-vue的data中使用data的值

data() {
    return {
      
      loginRole: JSON.parse(sessionStorage.getItem("loginUl")),

}
}

如上图,我们要使用loginRole对象里的orgId。写法如下是肯定不行的:

data() {
const that = this;
    return {
      
      loginRole: JSON.parse(sessionStorage.getItem("loginUl")),
orgId:that.loginRole,

}
}

还真不能这样写,建议换成别的方法


const loginRole= JSON.parse(sessionStorage.getItem("loginUl"));
export default {


data() {

    return {
      
    
orgId:loginRole.orgId,

}
}




}

我们时常要对时间的时分秒进行补零操作

let time=1;//获取到的时分秒
if(time<10)time='0'+time;//第一种
if(time<10)time.padStart(2,0);//第二种

vue局部高亮插件:driver.js

vue的watch监听原理

使用elementUI的tab切换实现定制化,达到产品想要的效果

谁不看谁是

其实就相当于轮播图

每次都把filterList的值清空,数组里只存一条值,通过左右切换按钮来给filterList重新赋值,左右切换把真正列表的数据相应的下标拿到filterList里,如果切换到了数据尽头,就把数据里的第一条给到filterList

。。。。我改主意了

现在尝试使用elementUi的走马灯完成效果

 <!-- 切换完走马灯,会把两个下标统统给到,然后获取到list[index].childList[valIndex],
                        给最开始获取列表时默认list[index].childList[0]数据的list[index].filterList赋新值, -->
                      <!-- setContentInfo(valIndex,index) -->
                      <el-carousel
                        trigger="click"
                        height="150px"
                        indicator-position="none"
                        :autoplay="false"
                        arrow="always"
                        @change="setContentInfo(valIndex)"
                      >
                        <el-carousel-item v-for="item in [{a:1,b:2},{b:3,a:4}]" :key="item.a">
                          <h4>{{ item }}</h4>
                        </el-carousel-item>
                      </el-carousel>

 切换

如果对象里包含相应的键名就删除

 query.forEach(item => {

        if ("isVisible" in item) delete item.isVisible;

      });

需求实现-重命名删除上移下移移动到顶部等

 谁不看谁是 

  
  <div
          v-for="(item, index) of modelList"
          :key="item.propertyName"
          style="height:auto;"
        >
          <template v-if="item.flag !== 1">
            {{ item.propertyName }}
            <el-popover
              :ref="`node-popover-adjust-${item.id}`"
              placement="right"
              v-model="item.isVisible"
            >
              <p @click="setNewName = true" class="text-style">
                重命名
              </p>
              <template v-if="setNewName">
                <el-input
                  v-model="newName"
                  placeholder="请输入新报告模块名称"
                  clearable
                /><span
                  class="buttonStyle save"
                  @click="saveNewName(item, index)"
                  title="保存"
                ></span>
              </template>
              <p @click="setIt('删除', index)" class="text-style">
                删除
              </p>
              <p @click="setIt('上移', index)" class="text-style">
                上移
              </p>
              <p @click="setIt('下移', index)" class="text-style">
                下移
              </p>
              <p @click="setIt('移动到顶部', index)" class="text-style">
                移动到顶部
              </p>
              <p @click="setIt('移动到底部', index)" class="text-style">
                移动到底部
              </p>
              <span class="setting" slot="reference" title="设置"></span>
            </el-popover>
          </template>
        </div>













 // 重命名
    saveNewName(item, index) {
      this.modelList[index].propertyName = this.newName;
      this.newName = "";
      this.setNewName = false;
    },
    setIt(type, index) {
      switch (type) {
        case "删除":
          this.modelList[index].flag = 1;
          break;
        case "上移":
          [this.modelList[index], this.modelList[index - 1]] = [
            this.modelList[index - 1],
            this.modelList[index]
          ];
          this.modelList[index - 1].isVisible = false;
          this.$forceUpdate();
          break;
        case "下移":
          [this.modelList[index], this.modelList[index + 1]] = [
            this.modelList[index + 1],
            this.modelList[index]
          ];
          this.modelList[index + 1].isVisible = false;
          this.$forceUpdate();
          break;
      case "移动到顶部":
          this.modelList.unshift(this.modelList[index]);
          this.modelList.splice(index+1,1);
          this.modelList[0].isVisible = false;
          console.log(" this.modelList :>> ", this.modelList);
          this.$forceUpdate();
          break;
        case "移动到底部":
          this.modelList.push(this.modelList[index]);
          this.modelList.splice(index,1);
          this.modelList[[this.modelList.length - 1]].isVisible = false;
          this.$forceUpdate();
          break;
        case "替换到顶部":
          [this.modelList[index], this.modelList[0]] = [
            this.modelList[0],
            this.modelList[index]
          ];
          this.modelList[0].isVisible = false;
          console.log(' this.modelList :>> ',  this.modelList);
          this.$forceUpdate();
          break;
        case "替换到底部":
          [this.modelList[index], this.modelList[this.modelList.length - 1]] = [
            this.modelList[this.modelList.length - 1],
            this.modelList[index]
          ];
          this.modelList[[this.modelList.length - 1]].isVisible = false;
          this.$forceUpdate();
          break;
      }
    },

解构赋值

 const {code, data} = res.data.data;

上方代码等于

 const code = res.data.data.code,data=res.data.data.data;

使用$set修改对象的值

 this.$set(
        this.reportList[parentIndex],
        "filterInfo",
        this.reportList[parentIndex].labels[valIndex].value
      );

 element-ui input如何在@change事件中保留默认参数情况下传入自定义参数文章来源地址https://www.toymoban.com/news/detail-428009.html

                        @change="val => setContentInfo(val, index)"

到了这里,关于谁不看谁是的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决Cannot read properties of undefined (...)类型的报错

    场景: 在项目中,想要获取鼠标的元素,红色区域报错:Cannot read properties of undefined (reading \\\'grid3D\\\') 分析: Cannot read properties of undefined类型的报错,一般是报错元素的前一个元素出了问题,也就是this.option没有获取到。 报错类型一般为两种: 对象没值的时候 对象为undefined的时

    2024年02月12日
    浏览(49)
  • 解决 Cannot read properties of null (reading ‘disabled‘)报错

    在Vue + elementUI 后台项目里遇到了一个问题,所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ,在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了,每点击一次,错误+1. 代码里全局搜索 el-dropdown ,el-dropdown下缺少 el-dropdown-menu 元素,如果

    2024年02月13日
    浏览(44)
  • Bitwarden报错:Cannot read properties of nul(reading ‘iterations‘)

    所有终端都无法登录,但已登录的不受影响还能正常使用。 看后台日志能找到404 Not Found的字样 部署的时候使用的镜像为 bitwardenrs/server:latest 官方已经更改了镜像,原镜像已经不再更新,新镜像名为: docker.io/vaultwarden/server:latest 第一次部署的话将环境变量 SIGNUPS_ALLOWED=true ,

    2024年02月12日
    浏览(46)
  • Vue.js 报错:Cannot read property ‘validate‘ of undefined“

    起因,是我将elemnt-ui登录,默认放在mounted()函数里面,导致vue初始化就调用这个函数。 找了网上,有以下错误原因: 1.一个是你 ref写错 了,导致获取不了这个表单dom,我这显然不是。 2. 我们vue初始化时,element-ui中 validate()函数并没有绑定到this.$refs.eemployee中,这导致我们一获

    2024年02月10日
    浏览(45)
  • uniapp点击事件报错 Cannot read property ‘stopPropagation‘ of undefined

    问题产生:在列表上有个小按钮,可点击弹出选择框。 列表本身可点击进入详情页。所以想用click.stop来阻止点击小按钮时候,触发列表的点击事件。 结果:如图所示 解决方案:发现自己用的是icon,在icon上加click.stop是不行的。但是只要在icon上包裹一层label,就可以正常使用

    2024年01月24日
    浏览(37)
  • Vue报错 Cannot read properties of undefined (reading ‘websiteDomains‘) 解决办法

    浏览器控制台如下报错: Unchecked runtime.lastError: The message port closed before a response was received. Uncaught (in promise) TypeError: Cannot read properties of undefined (reading \\\'websiteDomains\\\')     at xl-content.js:1:100558 此问题困扰了很久,偶然看到一篇博文,说是迅雷扩展问题 要想解决这个bug最有效的方

    2024年04月24日
    浏览(46)
  • TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决

    问题描述:前端一个el-table表格,一个医院查询到的科室从后端返回时总是显示不出来,response里面是有数据的,这个表格别的医院都能显示出科室,就那个医院显示不出。报错:TypeError: Cannot read properties of undefined (reading \\\'NAME\\\')  查找问题所在,发现el-table里面有一个:formatte

    2024年02月01日
    浏览(55)
  • 当vue3 报错 Cannot read properties of null (reading ‘style‘)

    当你在编写代码时 发现页面不及时刷新了 浏览器控制台报下面的错误 时刚看到的时候会一很懵 那么原因是什么呢 原因是:尽管Vue 3允许一个组件模板中存在多个元素,但是如果你这样写,有时会出现上述错误。 解决方法:在模板内你写的多个标签外面包裹一层元素,或者

    2024年02月12日
    浏览(51)
  • vue 启动项目报错Cannot read properties of undefined (reading ‘parseComponent‘)

    如果出现如下报错大概率是因为install时中途出现异常导致vue-template-compiler依赖没有正常安装导致的,重新安装即可 1、 yarn add vue-template-compiler 或 npm add vue-template-compiler 2、最后如果还是不行就再用 yarn upgrade –latest vue-template-compiler npm upgrade –latest vue-template-compiler

    2024年02月12日
    浏览(50)
  • vue中解决TypeError: Cannot read properties of undefined (reading ‘slice‘)报错

    项目中,因为业务需求通常会在节点中渲染数据,并对数据进行截取 这个时候就可能会在控制台报错 原因是当我们页面刷新数据并没有获取到 解决办法 换成三元表达式就可以解决。

    2024年02月12日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包