公司动态 分类
尊龙凯时人生就是博·(中国)官网Vue动态样式几种常用方法总结

  这篇文章主要给大家介绍了关于Vue动态样式几种常用方法总结的相关资料,在我们的前端界面中,很多的地方的样式都是不确定的状态,要根据其他内容的变化而变化样式的,需要的朋友可以参考下

  可以通过在模板中绑定一个对象来动态设置样式,其中对象的 key 是 CSS 属性名,value 是对应的值◆。示例代码如下:

  可以通过在模板中绑定一个数组来动态设置样式尊龙凯时人生就是博·(中国)官网Vue动态样式几种常用方法总结,其中数组中的元素是对象,对象的 key 是 CSS 属性名j9九游会-真人游戏第一品牌,value 是对应的值尊龙凯时人生就是博·(中国)官网Vue动态样式几种常用方法总结,。示例代码如下:

  可以通过定义一个样式对象尊龙凯时人生就是博·(中国)官网尊龙凯时人生就是博·(中国)官网Vue动态样式几种常用方法总结,,在模板中绑定该对象来动态设置样式◆。示例代码如下:

  到此这篇关于Vue动态样式几种常用方法总结的文章就介绍到这了,更多相关Vue动态样式方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

  以上就是在 Vue 中常用的动态设置样式的方法公司动态,根据实际情况选择合适的方法即可NG南宫28官网登录

  您的位置:首页网络编程JavaScriptjavascript类库vue.js→ Vue动态样式方法

Copyright © 2012-2018 ng南宫28官网登录,ng28,南宫28手机网页版公司 版权所有

琼ICP备xxxxxxxx号

if (!window.jQuery) { document.write(unescape("%3Cscript src='/public/static/common/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); document.write(unescape("%3Cscript type='text/javascript'%3E try{jQuery.noConflict();}catch(e){} %3C/script%3E")); } if (window.jQuery) { (function($){ default_switch(); //简体繁体互换 function default_switch() { var home_lang = getCookie('home_lang'); if (home_lang == '') { home_lang = 'cn'; } if ($.inArray(home_lang, ['zh','cn'])) { var obj = $('#jquerys2t_1573822909'); var isSimplified = getCookie('jquerys2t_1573822909'); if ('cn' == isSimplified) { $('body').t2s(); $(obj).text('繁體'); } else if ('zh' == isSimplified) { $('body').s2t(); $(obj).text('简体'); } } } //简体繁体互换 $('#jquerys2t_1573822909').click(function(){ var obj = this; var isSimplified = getCookie('jquerys2t_1573822909'); if ('' == isSimplified || 'cn' == isSimplified) { $('body').s2t(); // 简体转繁体 setCookie('jquerys2t_1573822909', 'zh'); $(obj).text('简体'); } else { $('body').t2s(); // 繁体转简体 setCookie('jquerys2t_1573822909', 'cn'); $(obj).text('繁體'); } }); })(jQuery); }