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: "),