<!DOCTYPE html> <HTML> <HEAD> <TITLE>VUE --- V-BIND绑定STYLE的几种方式</TITLE> </HEAD> <BODY> <DIV> <DIV :STYLE="{'COLOR':COLOR,'FONTSIZE':SIZE+'PX'}">第一个示例</DIV> </DIV> <DIV> <DIV :STYLE="STYLES">第二种方式</DIV> </DIV> <SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="https://UNPKG.COM/VUE/DIST/VUE.MIN.JS"></SCRIPT> <SCRIPT TYPE="TEXT/JAVASCRIPT"> VAR APP1 = NEW VUE({ EL:'#APP1', DATA:{ COLOR:'RED', SIZE:15 } }) VAR APP2 = NEW VUE({ EL:'#APP2', DATA:{ STYLES:{ COLOR:'RED', FONTSIZE:15+'PX' } } }) </SCRIPT> </BODY> </HTML>
总结
以上所述是小编给大家介绍的vue中v-bind:style效果的自定义指令，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: