zoukankan      html  css  js  c++  java
  • Vue文字转编码与解码

    最近用到的,文字输入框是一个组件,在后台管理系统中保存,关键代码如下:

         <el-form-item
              v-if="modelForm.type && modelForm.type == 'ABOUTUS'"
              label=" "
              prop="desc"
            >
              <span style="text-line:center">企业简介</span>
              <Tinymces
                ref="editor"
                :action="$axios.getUrl() + '/management/fileupload/image'"
                v-model="detailText"
                :height="700"
              />
            </el-form-item>
    
            ......................................
     data() {
        return {
          types: [],
          detailText: "",
          ....................
        }
    } methods: { .................... initData() { var that = this; if (this.id != "") { this.activityId = this.id; this.isSave = false; this.$axios .get( "/management/basedata/menuBanners/" + this.activityId + "/update" ) .then(res => { this.modelForm = res.content.menuBanner; if (this.modelForm.video) { this.fileList = [ { name: this.modelForm.video.substring( this.modelForm.video.lastIndexOf("/") + 1 ), url: this.modelForm.video } ]; } this.detailText = decodeURIComponent(this.modelForm.detail); this.types = res.content.types; }) .catch(res => {}); } else { ............................................

    网站部分代码:

                  <div class="weui-col-50 item gren  animated bounceInLeft">
                      <div v-html="form.detail"></div>
                    </div>    
    getImg() {
          this.$http
            .get('/getBannerInfo?type=ABOUTUS')
            .then(res => {
              console.log(res)
              this.form = res.body.content
              this.form.detail = encodeURI(this.modelForm.detail)
              .........................
    
              console.log(this.form)
            })
            .catch(res => {})
        },

    解码一个编码的 URI 组件

    decodeURIComponent()

    把字符串编码为 URI

    encodeURI()

    ......................今天也是想他的一天

  • 相关阅读:
    Java高级特性 第11节 JUnit 3.x和JUnit 4.x测试框架
    Java高级特性 第10节 IDEA和Eclipse整合JUnit测试框架
    Java高级特性 第9节 Socket机制
    Java面向对象和高级特性 项目实战(一)
    Java高级特性 第8节 网络编程技术
    Java高级特性 第7节 多线程
    二十一、字符串类的创建
    二十二、经典问题解析二
    二十一、C++中的临时对象
    二十、对象的销毁
  • 原文地址:https://www.cnblogs.com/vivin-echo/p/14060007.html
Copyright © 2011-2022 走看看