项目中的价格,人民币,美元

页面中的人民币价格和美元价格该如何表示,无数据的时候显示N/C,有数据的时候显示


html文件

        

        

        

        

         

JS文件

filters : {

// 人民币过滤器

  listpriceOnshoreFilters:function (value) {

                if (value>0) {

                return  ' ¥ ' +Number(value).toFixed(2).replace(/\d{1,3}(?=(\d{3})+\b)/g,'$&,')

       }else {

                return 'N/C'

    }

},

// 美元过滤器

  listpriceOffshoreFilters:function (value) {

if (value >0 ) {

return  ' $ ' +Number(value).toFixed(2).replace(/\d{1,3}(?=(\d{3})+\b)/g,'$&,')

}else {

return 'N/C'

    }

},

// 编辑中人民币过滤器

},


点击编辑,弹出编辑价格对话框,是否有价,有价的话,如下图,显示人民币价格和美元价格,

          v-for="iteminoptionsPrice"

          :key="item.id"

          :label="item.label"

          :value="item.value"/>

方法:

methods: {

        // 失焦人民币价格

       priceRMB(num) {

                     this.formPrice.RMB =Number(num).toFixed(2).replace(/\d{1,3}(?=(\d{3})+\b)/g,'$&,')

},

// 获得焦点人民币价格

  priceRmbFocus(num) {

                     this.formPrice.RMB = num.replace(/,/g,"")

},

// 失焦美元价格

  priceUS(num) {

              this.formPrice.US =Number(num).toFixed(2).replace(/\d{1,3}(?=(\d{3})+\b)/g,'$&,')

},

// 获得焦点美元价格

  priceUSFocus(num) {

            this.formPrice.US = num.replace(/,/g,"")

},

priceChange() {

          this.formPrice.RMB =''

           this.formPrice.US =''

},

}


filters : {

// 人民币过滤器

  listpriceOnshoreFilters:function (value) {

if (value>0) {

   return  ' ¥ ' +Number(value).toFixed(2).replace(/\d{1,3}(?=(\d{3})+\b)/g,'$&,')    //分隔符,保留两位小数,三位三位分开

}else {

return 'N/C'

    }

},

// 美元过滤器

  listpriceOffshoreFilters:function (value) {

if (value >0 ) {

return  ' $ ' +Number(value).toFixed(2).replace(/\d{1,3}(?=(\d{3})+\b)/g,'$&,')

}else {

return 'N/C'

    }

},

// 编辑中人民币过滤器

},

你可能感兴趣的:(项目中的价格,人民币,美元)