vue 中 用element UI组件 中label怎么写标签?

Question

 <el-row :gutter="0">
        <el-col :span="7">
          <el-form-item :label="fatherAndSonCompany" prop="phoneNum">
            <el-input v-model="ruleForm.phoneNum"></el-input>
          </el-form-item>
        </el-col>
</el-row>



export default {
    layout: 'empty',
    data () {
      return {
        fatherAndSonCompany:'<el-checkbox v-model="checked">此为子公司</el-checkbox>',
        checked: false
       }
    }
}
</script>

执行之后是这样的

我怎么才能让他识别代码

Answer 1

 <el-row :gutter="0">
        <el-col :span="7">
          <el-form-item  prop="checked">
            <el-checkbox v-model="checked">此为子公司</el-checkbox>
          </el-form-item>
          <el-form-item prop="phoneNum">
            <el-input v-model="ruleForm.phoneNum"></el-input>
          </el-form-item>
        </el-col>
</el-row>

为什么不这么写。。。

饿了么form-item代码，你可以把slot改成 <span v-html="label">试试 。。

以上纯属开玩笑。。。

Answer 2

应该不支持把，string类型，可以看看官方文档:form表单

Answer 3

插入dom只能用slot 或者包裹住 如果原组件没有提供功能 就没办法了 你可以自己改造组件

Answer 4