const
styleTest =
document.
createElement(
'div').
style
const
render = {
webkit:
'webkitTransform',
ms:
'msTransform',
Moz:
'MozTransform',
O:
'OTransform',
standard:
'transform'
}
const
getPrefix = (()
=> {
for (
let
key
in
render) {
if (
styleTest[
render[
key]] !==
undefined) {
return
key
}
}
})()
export
default
function
stylePrefix (
style) {
if (
getPrefix ===
'standard') {
return
style
}
return
getPrefix +
style.
charAt(
0).
toUpperCase() +
style.
substr(
1)
}
在vue-cli中直接写样式表，vue可以自动帮助添加浏览器前缀，但有时候需要通过js动态添加样式，就需要考虑浏览器兼容问题，可利用此方法自动添加浏览器前缀。