官方文档上写的很模糊,网上有些不太对可能没效果,自己终于搞对了,记录一下

u-button组件里:customStyle="样式数据名"

在data里申明样式数据名,形式为对象,注意值要加引号,且有-的只要改为驼峰命名如border-Radius

例如:

//html

<u-button :customStyle="btnGetCode"></u-button>

//js

data(){

  return {

    btnGetCode: {

          borderRadius: '7px',//驼峰命名注意

          height: '34px', }

  }

}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐