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

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

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

例如:

//html

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

//js

data(){

  return {

    btnGetCode: {

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

          height: '34px', }

  }

}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐