精华内容
下载资源
问答
  • 添加题目: 题目{{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>
    
    展开全文
  • 当时就想,啥不能传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>

     

     

     

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

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

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

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

    例子:

    {{changeRemarkLength(scope.row.remark)}}

    computed:{

    changeRemarkLength(){

    return function (text) {

    if(text.length > 14){

    return text.slice(0,14)+"...";

    }else{

    return text;

    }

    }

    },

    }

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

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

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

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

    changeRemarkLength(){

    return function (text) {

    if(text!=null && text.length > 14){

    return text.slice(0,14)+"...";

    }else{

    return text;

    }

    }

    },

    展开全文
  • 废话不多说,请直接看源码: ...== null } function isPromise(val){ return ( isDef(val) && typeof val.then === 'function' && typeof val.catch === 'function' ) }

    废话不多说,请直接看源码:

    function isDef (v){
    	return v !== undefined && v !== null
    }
    
    
    function isPromise(val){
    	return (
    		isDef(val) &&
    		typeof val.then === 'function' &&
    		typeof val.catch === 'function'
    	)
    }
    
    展开全文
  • vue的源码vue/src/shared/util.js文件存放的是一些方法。其中作者用了Object.prototype.toString这个方法来判断类型,但是并没有直接用,而是单独保存在一个变量: const _toStr = Object.prototype....
  • vue中使用防抖函数

    2020-06-17 17:56:11
    vue中使用防抖函数 有时候我们不想频繁触发一个函数,比如在300ms内只能触发一次,就可以用防抖函数来处理 防抖函数的思想是: 设置定时器id为null 执行方法 判断id是否存在,如果不存在,则返回,如果存在则执行 ...
  • 1.在java开发前端传入后端的值空时常常出现空指针异常,这种情况往往是前端传入控制,后端使用toString()进行转换时出现空指针异常 2.如果使用String.valueOf()进行转换时得到的结果是“null”,所以在判断的...
  • 可以用element-ui 中为input输入框加一个clearable属性 当表单域为空时,为自动触发clear方法,将该项置为null,这样表单提交的时候 就不用判断表单项是不是有空项了 ...
  • Vue中diff原理学习

    2020-08-28 14:27:41
    再如二叉树翻转,命令式编程是需要判断节点是否为null,然后开始翻转左树,翻转幼树,最后在左右树互换,关注了解题步骤;而函数式编程考虑了二叉树翻转和原二叉树的关系,翻转二叉树和原二叉树每一个节点都递归的...
  • vue开发的报错

    2021-01-20 18:21:37
    错误是由于数组对象未定义或为null 引起的,所以查看获取数据的接口是否请求到的数据是null。 在数据处理,添加判断数据是否为 null 来处理该问题。 onsuccess(res) { console.log(res.data.data, "贯标比对"); ...
  • vue项目,表格渲染的时候报TypeError: Cannot read property 'processed' of null,processed是我需要渲染的属性。查出的数据是空的时候才会报这个错。 所以报错的原因可能就是数据空,所以获取不到handler_...
  • 1.VUE页面点击修改的时候,修改不了,...错误就是这个校验导致的,值为null直接报错了 4.解决办法: 判断报错的值是不是null 是null赋值"" this.dataForm.specialProvince = data.logicUserHope.specialProvin.
  • 判断是否undefined或null const isDef = (v) => { return v !== undefined && v !== null } 判断是否Promise 函数 const isPromise = (val) => { return ( val !== undefine && typeof val.then === '...
  • vue的源码vue/src/shared/util.js文件存放的是一些方法。其中作者用了Object.prototype.toString这个方法来判断类型,但是并没有直接用,而是单独保存在一个变量: const _toStr = Object.prototype....
  • data.analystResult的返回结果有可能为null 当我使用: if(data.analystResult){} 的方式来判断,及时analystResult的有值也没有进if.很是疑惑。 el-form里面对于onRule的使用的一些错误总结: rul...
  • 前言:在开发过程,使用antd-desgin-vue框架的时候,使用a-time-picker这个时间组件时遇到了一个问题,业务:需要在...解决办法就是:先将这个值赋值为null,再用v-if判断 栗子: 最后 谢谢这位大哥~~~~~~!!! ...
  • 判断当前是否已激活编辑状态的行 row getActiveRow 获取当前已激活编辑行或单元格的信息 — setActiveRow 只对 mode=row 有效,激活指定行为可编辑状态 row setActiveCell 激活指定某一行的某个单元格为可...
  • src/assets里是一张小图片,app.vue中有引用,注意自己匹配一下引用路径 最简单例子 <template> <div> <Vcode :show="isShow" @success="onSuccess" @close="onClose" /> <button @click=...
  • vue登录逻辑

    千次阅读 2018-12-12 11:09:00
    首先点击登录按钮获取token给一个函数 这个函数里面的逻辑是获取到token 把它存起来存到localstorage里面同时获取当前事件戳并转化成秒数然后存起来 并在逻辑中判断如果token=null的时候设置token 再存一遍 在别的...
  • 引用高的地图,在地图上添加点标记,折线,多边形时,若坐标经纬度空时会...Vue 项目报错: Uncaught (in promise) Invalid Object: LngLat(NaN, NaN) 解决方法: 判断经纬度的值是否空,再添加坐标点 ...
  • vue复制对象

    千次阅读 2019-04-19 16:40:23
    /** 判断值是否存在 */ isNotExists (value) { return value === undefined || value === null || ...// 对象复制 name空时obj1复制到obj2 不空则在obj2的名字 name + 原对象名字首字母大写命名 copyObjec...
  • 1.在main.js配置 通过indexOf函数判断那个路由是禁用的 document.URL当前地址栏的url window.addEventListener('popstate', function() { if (document.URL.indexOf("/login") > -1) { console.log...
  • 在使用vue+element的时候,因需求,是将两个时间选择器拼接起来当做区间时间选择器,所以限制了开始时间和结束时间,结束时间不...在这里的判断这样的判断一次,因为清除结束时间后就是null不是" ",就可以了 本...
  • vue v-for 循环?

    2021-06-08 16:19:20
    <p>vue 如何根据已经得到的一级的编码循环判断二级所有值首两位是一级的编码的值并显示? 值和代码如下 (得到的编码:xiTongGnbm)  menuList1: (6) [{…}, {…}, {…}, {…}, {...
  • 计算属性在vue中也是一个非常常用的功能,而且好多同学搞不清楚它跟watch有什么区别,这里就详细说说计算属性到底是什么,以及它是如何工作的 简单点说,<code>Computed</code> 其实就是一...
  • 1. 首页引入计时器和清除定时器的函数 ...**2.**定义一个为null的变量interval,和一个负责循环的变量i var interval=null var i=60 **3.**在methods对象定义点击获取验证码的方法。必须判断interval是否为nu...
  • 使用Vue.js做瀑布流布局时,在mounted直接调用waterFall函数,页面上图片布局是乱的,设置了setTimeout延迟0ms渲染也不起作用。 在safari和chrome上页面正常了,设置延迟100ms,页面加载后布局正常,但是明显的...
  • vue判断input输入内容全是空格 问题:由于字符串内容空的时候,会出输入空格通过的情况,因此在vue通过数组长度的方式进行判空;...Vue中可用的判断对象是否空的方法,两种方法: JSON.stri...

空空如也

空空如也

1 2 3 4
收藏数 63
精华内容 25
关键字:

vue中判断为null

vue 订阅