精华内容
下载资源
问答
  • vue 判断对象是否包含某个属性,el-table formatter判断 当前的业务逻辑是表格中大概有四五个字段需要判断,如果是null或者0就返回暂无数据,有值的话就返回对应的值,如下图: 由于需要进行的操作是一样的,所以用...

    vue 判断对象是否包含某个属性,el-table formatter判断


    当前的业务逻辑是表格中大概有四五个字段需要判断,如果是null或者0就返回暂无数据,有值的话就返回对应的值,如下图:
    在这里插入图片描述
    由于需要进行的操作是一样的,所以用一个formatter就可以了,所以要判断对应的字段,代码如下:
    1.表格部分

    <el-table-column
      label="报送数量"
      prop="vulWarnNum"
      width="140"
      align="center"
      :formatter="dataFormat"
    />
    

    2.方法体部分

    dataFormat(row, column) {
          const field = column.property
          if (Object.prototype.hasOwnProperty.call(row, field)) {
            if (row[field] == null || row[field] === 0) {
              return '暂不要求'
            }
          }
          return row[field]
        }
    

    其中Object.prototype.hasOwnProperty.call(row, field)就是判断row中是否包含对应的字段名称
    原先的写法是

    row.hasOwnProperty(field)
    

    现在换成

    Object.prototype.hasOwnProperty.call(row, field)
    

    但是报错ESLint: Do not access Object.prototype method 'hasOwnProperty' from target object.(no-prototype-builtins),所以最好是从 Object.prototype 调用这些方法

    展开全文
  • 当时就想,为啥不能传null,你前端做下判断不就行了吗。 没想到现在自己既开发前端,又开发后台,就遇到了这个问题。 其实真的就是坐下 !=null就可以了。 例子:   &lt;span&gt;{{...

    说明:以前做服务器开发的时候,前端人员总是说,不要传null过来,不要传null过来,传“”空字符串过来都可以。当时就想,为啥不能传null,你前端做下判断不就行了吗。

    没想到现在自己既开发前端,又开发后台,就遇到了这个问题。

    其实真的就是坐下 !=null就可以了。

    例子

     

    <span>{{changeRemarkLength(scope.row.remark)}}</span>
    
    <script>
    computed:{
        changeRemarkLength(){
                    return function (text) {    
                        if(text.length > 14){ 
                            return text.slice(0,14)+"...";
                        }else{
                            return text;
                        }
                    }
                },
    }
    </script>

    在vue中用一个计算属性改变  remark:备注  文本的显示格式。如果字符长度大于14,之后的字符用。。。t代替。

    但是如果后台传的是  remark为null,那这里就会报 : v-if判断数组长度是,length报错

    [Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"

    解决:在判断之前在判断下 !=null就行了

    <script>
            changeRemarkLength(){
                    return function (text) {
                        if(text!=null && text.length > 14){ 
                            return text.slice(0,14)+"...";
                        }else{
                            return text;
                        }
                    }
            },
    </script>

     

     

     

    展开全文
  • vue空值判断

    2021-03-17 20:10:06
    编辑器:HBuilderX data() { return { typeArr:[{name:'短信通知',value:'0'}, {name:'电话通知',value:'1'}], typeArrIndex: 0 ...console.log(this.typeArrIndex == null) console.log(this.

    编辑器:HBuilderX

    
    data() {
    	return {
    		typeArr:[{name:'短信通知',value:'0'},
    				{name:'电话通知',value:'1'}],
     		typeArrIndex: 0
     	}
    }
    
    之后的方法中------------------------------------
    console.log(this.typeArrIndex)
    console.log(this.typeArrIndex == null)
    console.log(this.typeArrIndex == 0)
    console.log(this.typeArrIndex == '')
    console.log(0 == '')
    
    空值台的打印结果:
    0
    false
    true
    true
    true
    
    展开全文
  • 添加题目: 题目{{item.stem}} A、 {{item.choiceA}} {{item.choiceB==null}} B、{{item.choiceB}} ...
    <div class="form-group">
                <div class="col-sm-2 control-label">添加题目:</div>
                <div class="col-sm-10"><br>
                    <ol>
                        <li readonly="readonly" v-for="(item, index) in listQuestions" :key="index" style="width: 1450px;">
                                题目{{item.stem}}<br>
                            {{item.choiceB==null}}
                            uu{{item.choiceB==''}}
                            bb{{(!(item.choiceB==null)&&!(item.choiceB==''))}}
                            <p **v-show='(!(item.choiceA==null)&&!(item.choiceA==""))'**>A、{{item.choiceA}}</p><br>
                            <p v-show='(!(item.choiceB==null)&&!(item.choiceB==""))'>B、{{item.choiceB}}</p><br>
                            <p v-show='(!(item.choiceC==null)&&!(item.choiceC==""))'>C、{{item.choiceC}}</p><br>
                            <p v-show='(!(item.choiceD==null)&&!(item.choiceD==""))'>D、{{item.choiceD}}</p><br>
                            <p v-show='(!(item.choiceE==null)&&!(item.choiceE==""))'>E、{{item.choiceE}}</p><br>
                            <p v-show='(!(item.choiceF==null)&&!(item.choiceF==""))'>F、{{item.choiceF}}</p><br>
                        </li>
                    </ol>
    
                </div>
            </div>
    

    需求很简单。 因为是选择题。有可能是多选。 例如 a b c d e f 答案 abc

    但是如果是 abcd 单选 我们只需要显示 abcd 答案 a

    可以通过vue中的v-show 或者 v-if 记得加个括号。请指教。

    我的实体类:

    /**
         *实体ID
         */
        @TableId
        private  int questionId;
        /**
         *试题编号
         */
        private  String questionCode;
        /**
         *分类
         */
        private  int questionClassify;
        /**
         *类型
         */
        private  int questionType;
        /**
         *题干
         */
        private  String stem;
        /**
         *选项A
         */
        private  String choiceA;
        /**
         *选项B
         */
        private  String choiceB;
        /**
         *选项C
         */
        private  String choiceC;
        /**
         *选项D
         */
        private  String choiceD;
        /**
         *选项E
         */
        private  String choiceE;
        /**
         *选项F
         */
        private  String choiceF;
        /**
         *答案
         */
        private  String answer;
        /**
         *创建时间
         */
        @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")
        private Date updateTime;
    
    <div class="form-group">
                <div class="col-sm-2 control-label">题目:</div>
                <div class="col-sm-10"><br>
                    <ol>
                        <li readonly="readonly" v-for="(item, index) in listQuestions" :key="index" style="width: 1450px;">
                            <strong>题目{{item.stem}}</strong>
                            <br><br>
                            <p v-if='(!(item.choiceA==null)&&!(item.choiceA==""))'>A、{{item.choiceA}}<br></p>
                            <p v-if='(!(item.choiceB==null)&&!(item.choiceB==""))'>B、{{item.choiceB}}<br></p>
                            <p v-if='(!(item.choiceC==null)&&!(item.choiceC==""))'>C、{{item.choiceC}}<br></p>
                            <p v-if='(!(item.choiceD==null)&&!(item.choiceD==""))'>D、{{item.choiceD}}<br></p>
                            <p v-if='(!(item.choiceE==null)&&!(item.choiceE==""))'>E、{{item.choiceE}}<br></p>
                            <p v-if='(!(item.choiceF==null)&&!(item.choiceF==""))'>F、{{item.choiceF}}<br></p>
                            <p v-show='(!(item.answer==null)&&!(item.answer==""))'>答案:&nbsp{{item.answer}}</p>
                        </li>
                    </ol>
                </div>
            </div>
    
    展开全文
  • export default { data () { return { timer: null, // 定时器 } } } created () { const that = this that.timer = setInterval(function () { ...
  • vue随笔之二类型判断

    万次阅读 2018-08-23 17:58:31
    打开vue.js,开始就是类型判断,总所周知,vue是一门弱类型语言,所以加上类型判断势在必行。 /** * 判断是否为undefined或者null */ function isDef(v){ return v === undefined || v === null; } /** * 判断...
  • Vue + TypeScript判断是否是移动端 示例代码: public isMobile(): boolean { //获取到userAgent 使用正则表达式解析 若是移动端返回的flag将不为null,反之为null let flag = navigator.userAgent.match( /...
  • vue判断数组长度length报错

    万次阅读 2018-11-22 10:19:13
    {{pawnList.length&gt;0 ? pawnList.name : ''}} 报错:Error in render: "TypeError: Cannot read property 'length' of undefined"   解决办法: ...== null &amp;&amp; p...
  • import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const key = 'user' const stateKey = 'stateKey' const isLogin = 'isLogin' ... user: null, stateKey: false, isLogin: '0' }
  • 1.代码 export const isNotNullORBlank = (...args)=> { for (var i = 0;... if (argument == null || argument == '' || argument == undefined) { return false; } } return true; } 2.用法 isNot
  • 直接判断不等于null就ok了 &lt;i class="sign" v-show="item.tmType == null ? item.tmType : item.tmType.split(',').indexOf('0') != -1"&gt;种&lt;/i&gt;
  • vue项目中,表格渲染的时候报TypeError: Cannot read property 'processed' of null,processed是我需要渲染的属性。查出的数据是空的时候才会报这个错。 所以报错的原因可能就是数据为空,所以获取不到handler_...
  • 关于在VUE中使用Echarts时出现getAttribute of null问题 记录一下我自己遇到这种情况是在使用v-if切换echarts图时 就会这样报错,查过问题之后是因为DOM树改变了,而echarts图数据来了却找不到容器,尽管自己v-if...
  • <div v-if="a.city!== undefined &&...== null && a.city.length > 0"> <span v-for="i in a.city">{{a.name}}{{i.name}}</span> </div> <div ...
  • 前言 ...Cannot read property ‘level’ of null" 参考文档: https://blog.csdn.net/qq_37253540/article/details/100730223 看到上面这个文章的描述,我想到了以前看过的组件销毁重置相关的文章: ...
  • /** 通用工具类 / export default class func { /* 不为空 @param val @returns {boolean} */ static notEmpty(val) { return !this.isEmpty(val);...return val === null || typeof val === ‘undefined’
  • 我负责的项目的业务需求是必须先授权。为了更好的用户体验,我这边会把用户授权后获得的openId存入本地,这样用户就不用多次授权了。...这里的if判断有大问题,先不管什么原因,先把判断补全,解决问题再说。 if
  • router.beforeEach((to,from,next)=>{ let user = localStorage.getItem('user') if(user == null){ user = false }else{ user = true } if (to.path != "/password_login")...
  • $.isEmptyObject() 判断对象是否 null 或 undefined //Object.keys().length != 0 if (!$.isEmptyObject(result.createDate)&&Object.keys(result.createDate).length != 0) { $('#createDate...
  • 1.VUE页面点击修改的时候,修改不了,F12报以下错误 2.起初以为是我新加的两个字段导致的,没注意...判断报错的值是不是nullnull赋值"" this.dataForm.specialProvince = data.logicUserHope.specialProvin.
  • 改别人的代码,满屏报TypeError: Cannot read property 'length' of null,这种报错根本定位不到出错代码,小小崩溃。改就改吧,一个2000行代码的编辑页,代码格式乱到没眼看,呼~深呼吸,静下心来慢慢找。 首先...
  • 报错:VUE+TypeScript报错:Error in v-on handler: xxx "TypeError:this is null 描述:页面控件中的v-model绑定了值a以及:maxlength绑定值b,然后在ts代码里进行了初始化赋值666与长度限制3,页面刷新正常显示666且...
  • VueRouter 实现原理

    2021-01-31 11:31:47
    let _vue = null export default class VueRouter{ static install(Vue){ // 1.判断当前插件是否已安装 if(VueRouter.install.installed){ return } VueRouter.install.installed = true // 2.把Vue构造函数...
  • vue实现页面滚动到底部刷新(判断div)

    千次阅读 2018-11-08 13:53:47
    h5页面  &lt;script&gt; var app = new Vue({ el: '#app', data: { swiper: null, carousel: [], promotion: [], ...
  • 废话不多说,请直接看源码: ...== null } function isPromise(val){ return ( isDef(val) && typeof val.then === 'function' && typeof val.catch === 'function' ) }
  • 因此需要首先判断该对象是否存在,以下两种判断方法,推荐使用第一种。 方法一: v==null var v; v = document.getElementByIdx_x( "id "); if(v==null){ //不存在,错误处理 }else{ //存在,正常处理 } 方法二: ...
  • Null Boolean undefined Symbol(ES6新增) 引用数据类型 1.Object 2.Array 3.Date 4.Function 5.Error 6.RegExp 7.Math 8.Number 9.String 10.Boolean 11.Globle。 通常判断数据的方法有四种 typeof ...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 210
精华内容 84
关键字:

vue判断null

vue 订阅