Vue.js 该样式在“渲染模板”函数中不起作用
该样式在“渲染模板”功能中不起作用:Vue.js 该样式在“渲染模板”函数中不起作用,vue.js,ecmascript-6,Vue.js,Ecmascript 6,该样式在“渲染模板”功能中不起作用: h('div', { style: {} }, [ h('label', "Hello: ", {style: { fontWeight: "500"}}), h('label', "world") ]) 您应该将参数按正确的顺序排列: h('label', {style: { fontWeight: "500"}}, "Hello: "), 或者,您可以像下面这样传递innerHTML: h('div', { style: {} }, [
h('div', { style: {} }, [
h('label', "Hello: ", {style: { fontWeight: "500"}}),
h('label', "world")
])
您应该将参数按正确的顺序排列:
h('label', {style: { fontWeight: "500"}}, "Hello: "),
或者,您可以像下面这样传递innerHTML:
h('div', { style: {} }, [
h('label', { domProps: { innerHTML:"Hello: " }, style: { fontWeight: "500"}}),
h('label', "world")
])
对于。文本和样式标记的顺序错误 应该是:
h('label', {style: { fontWeight: "1500"}}, "Hello: "),
此外,1500是无效的字体重量值,这在问题的初始修订版内,最多应为900,例如:
新Vue{
渲染:functionh{
返回h'div',{style:{}}[
h'label',{style:{fontwweight:900}},您好:,
h标签,世界
]
},
}$mountapp
fontWeight:1500的值无效,因此浏览器会忽略该值
h('label', {style: { fontWeight: "1500"}}, "Hello: "),