Question

样式在渲染模板函数中不起作用：

h('div', { style: {} }, [
  h('label', "Hello: ", {style: { fontWeight: "500"}}),
  h('label', "world")
])

Answer 1

你应该按照正确的顺序排列参数：

h('label', {style: { fontWeight: "500"}}, "Hello: "),

或者您可以像下面那样传递innerHTML：

h('div', { style: {} }, [
  h('label', { domProps: { innerHTML:"Hello: " }, style: { fontWeight: "500"}}),
  h('label', "world")
])

代表detail。

Answer 2

你的文本和样式标签的顺序错误。

h('label', "Hello: ", {style: { fontWeight: "1500"}}),

应该是：

h('label', {style: { fontWeight: "1500"}}, "Hello: "),

此外，1500是font-weight的无效值，这是在您的问题的初始修订版内，最多应为900，例如：

＆＃13;

new Vue({
  render: function(h) {
    return h('div', { style: {} }, [
      h('label', {style: { fontWeight: "900" }}, "Hello: "),
      h('label', "world")
    ])
  },
}).$mount("#app")

＆＃13;

<script type="text/javascript" src="https://unpkg.com/vue@2.1.3/dist/vue.runtime.js"></script>

<div id="app"></div>

＆＃13;

该样式在渲染模板功能中不起作用

2 个答案: