zoukankan      html  css  js  c++  java
  • 解决vue视图不渲染

     动态添加对象属性

    //声明
    var travelMainVueObj;
    travelMainVueObj = new Vue({ "el" : "#portletContent", "data" : { checkBudgetData: {}//预算检查 } });

    //使用 js部分
                                var checkBudgetText = "";
                                var checkBudgetFlag = "1"; //1代表 预算执行控制检查通过; 2代表违反柔性;
                                var checkBudgetObject = {};
                                if(noPassSize == 0 ){
                                    //预算执行控制检查通过
                                    checkBudgetText  = "预算执行控制检查通过";
                                    checkBudgetFlag = "1";
                                }else{
                                    //有N条违反柔性,待查看
                                    checkBudgetText = "有 "+ noPassSize +" 个违反柔性 待查看";
                                    checkBudgetFlag = "2";
                                }
                                
                                Vue.set(travelMainVueObj.checkBudgetData,"checkBudgetResult",checkBudgetText);
                                Vue.set(travelMainVueObj.checkBudgetData,"checkBudgetFlag",checkBudgetFlag);



    //使用 html部分
                                    <div class="rowContent">
                                        <span class="pass" id="checkBudgetResultPass" v-if="checkBudgetData.checkBudgetFlag == '1'">
                                            {{checkBudgetData.checkBudgetResult}}
                                        </span>
                                        <span class="reject" id="checkBudgetResultReject" v-else-if="checkBudgetData.checkBudgetFlag == '2'">
                                            {{checkBudgetData.checkBudgetResult}}
                                        </span>
                                    </div>
    语法:
    Vue.set(更新vue的对象或者数组,"key的名字",key的值);
    Vue.set()在methods中也可以写成this.$set()

  • 相关阅读:
    .vsdx 在线查看 省的安装 visio 2013了
    桌面整理工具 rolan
    第一节、ES6的开发环境搭建
    $("[lay-id='"+this.id+"']")
    mathAge.call(btn) 函数call 改变函数内 this #js
    viewer && ImageFlow 图片滚动组件 图片点击放大 可以滚轮放大缩小 viewer
    ie11 突然不能加载外部css 很神奇 头部改为 <!DOCTYPE> <html>
    CODE[VS] 1219 骑士游历
    CODE[VS] 1169 传纸条
    CODE[VS] 1010 过河卒
  • 原文地址:https://www.cnblogs.com/YangBinChina/p/11004804.html
Copyright © 2011-2022 走看看