vue中用v-html加载html元素,以及v-bind扩展属性

关于v-html加载富文本:
添加链接描述
大概就是这个意思:

title: `转账余额至银行卡<span style="font-size: 12px; color: #1d2129; font-weight: normal; padding-left: 16px;">可转金额:<b>${formater(100}元</b></span>`,
v-html="title"

关于v-bind扩展属性:

vbindTemp = ''
<p v-bind="vbindTemp"></p>
// vbindTemp可以传任何内容,只要元素标签有解析vbindTemp的功能即可使用,若没有解析它的功能,也只是不会生效,不会有影响而已。
// 假如vbindTemp传的是一个日期相关的函数,那么p标签元素肯定处理不了,但是如果antdesignvue的<a-data></a-data>元素标签则可以处理,总之v-bind这种扩展属性很强大,不限制使用的元素标签,任何元素标签都可以用v-bind这个扩展属性的功能,只要有与v-bind绑定的值相匹配的解析功能即可。
<a-data v-bind="vbindTemp"></a-data>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值