鍍金池/ 問答/HTML/ vue 中 用element UI組件 中l(wèi)abel怎么寫標(biāo)簽?

vue 中 用element UI組件 中l(wèi)abel怎么寫標(biāo)簽?

 <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>

執(zhí)行之后是這樣的

clipboard.png
我怎么才能讓他識別代碼

回答
編輯回答
你的瞳

應(yīng)該不支持把，string類型，可以看看官方文檔:form表單

2017年8月30日 04:38
編輯回答
擱淺

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

2018年5月18日 10:48
編輯回答
尐懶貓
 <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>

為什么不這么寫。。。

clipboard.png

餓了么form-item代碼，你可以把slot改成 <span v-html="label">試試 。。

以上純屬開玩笑。。。

2017年6月5日 21:41