问答

怎么把字符串转换为element组件

作者:admin 2021-04-19 我要评论

需求: const str = "我是字符串, 里面有[日期]"需要把[日期]字符串转化为element的日期组件 我用str.replace()方法转换的可以显示出来,但是一加v-model在字符串...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

需求:

const str = "我是字符串, 里面有[日期]"
需要把[日期]字符串转化为element的日期组件

我用str.replace()方法转换的可以显示出来,但是一加v-model在字符串上就不显示了, 也不报错

datePicker = () => `
        <el-date-picker v-model="this.value"></el-date-picker>`
不显示了
datePicker = () => `
        <el-date-picker></el-date-picker>`
可以显示,但是不能选择日期
export default {
    data(){
        return {
            html: ""
        }
    }
    render(h) {
        const datepicker = () => `<el-date-picker></el-date-picker>`
        this.html = "我是字符串, 里面有[日期]"
            .replace(/\[.*?\]/g, datepicker)
        const component = Vue.extend({
            template: `<div class='emr-wrap'>${this.html}</div>`
        })
        return h(component, {})
    }
}

求助xdm, 应该怎么写

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器