首页 > Web开发 > 详细

vue.js从输入中的contenteditable元素获取innerhtml

时间:2020-06-01 13:59:33      阅读:198      评论:0      收藏:0      [点我收藏+]
<div
    class="actual-score"                                        
    :contenteditable="$route.params.mode === ‘edit‘"
    v-html="item.shijidefen"
    @input="changeVal($event)"
    @blur="verifyScore(item)"
    :class="{‘can-edit‘: $route.params.mode==‘edit‘&!item.isVerify}"
></div>        
changeVal(e) {
    this.editValue = e.target.innerHTML;
},
verifyScore(item) {
    let { subList } = item;
    let allScores = [];
    subList.forEach(subItem => {
    subItem.thirdList.forEach(thirdItem => {
        allScores.push(thirdItem.fufenzhi);
    });
    });
    if (!isPositiveInteger(this.editValue)) {
    this.$message({
        type: ‘warning‘,
        message: ‘请输入正整数‘
    });
    return;
    }
    if (allScores.includes(this.editValue)) {
    Vue.set(item, ‘isVerify‘, true);
    } else {
    this.$message({
        type: ‘warning‘,
        message: ‘实际得分包含于赋分值‘
    });
    Vue.set(item, ‘isVerify‘, false);
    }
}

 

https://cloud.tencent.com/developer/ask/182315

 

vue.js从输入中的contenteditable元素获取innerhtml

原文:https://www.cnblogs.com/guwufeiyang/p/13024299.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!