在Mint-UI中的MessageBox.alert,如何修改样式,并使用模板字符串解决动态传值

背景:我们在项目中使用Mint-UI时,可以使用里面的组件,但有时需要对组件进行修改或者自定义,或者动态传值,此时就需要使用模板字符串了。

一、如何使用模板字符串进行自定义样式修改 

var htmls = `
    <div class="box">
        <div class="isunbind" style="text-align:left;">可用于购买本产品的医保个人账户额度为${this.lnzhyeMoney}元,您的医保可用额度不足以全额抵扣保费,需全额个人支付。</div>
    </div>
`;
MessageBox.alert('',{
    message:htmls,
    title:'温馨提示',
})

      这样,可以通过自定义div修改弹框里面的样式,这个例子使原本组件中居中显示的文件,修改成了左对齐的样式。

二、 如何使用模板字符串解决动态传值问题

MessageBox.alert('可用于购买本产品的医保个人账户额度为'+`${this.lnzhyeMoney}`+元,您的医保可用额度不足以全额抵扣保费,需全额个人支付。','温馨提示');

     这样,通过模板字符串解决了弹框中,动态传值的问题。 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值