【Element UI】el-input-number中添加suffix,如计数器添加单位%

gengboxb 968 0

需求,给计数器添加单位%

【Element UI】el-input-number中添加suffix,如计数器添加单位%

html内容

<el-input-number
    v-model="requiredProgress"
    label="描述文字"
    id="rebateInput"
    size="mini"
    @change="addCompany"
></el-input-number>

js内容

mounted() {
    this.addCompany();
},
methods: {
    changeProgress() {
        this.addCompany();
    },
    addCompany() {
        const span = document.createElement('span');
        const innerspan = document.createElement('span');
        const textspan = document.createElement('span');

        span.setAttribute('class', 'el-input__suffix');
        span.setAttribute('style', 'right:36px');
        innerspan.setAttribute('class', 'el-input__suffix-inner');

        span.append(innerspan);
        innerspan.append(textspan);
        textspan.append('%');

        this.$nextTick(() => {
        document.getElementById('rebateInput').lastElementChild.prepend(span);
        });
    },
  },
广告

发表评论 取消回复
表情 图片 链接 代码

分享
微信
微博
QQ