一遇,即一生之幸。

140 阅读1分钟
1.复制粘贴功能

image.png

   <el-input id="copydom" v-model="xxxxx" />
   <el-button size="mini" @click="copy">复制链接</el-button>
    copy() {
        let dom = document.getElementById("copydom")
        dom.select();
        document.execCommand("Copy");
        this.$notify({
          message: "复制成功"
        });
   },
2.预览文档
<el-dialog title="预览合同" top="50px" width="70%" border :visible.sync="previewPdfVisible">
  <template>
 <div>
   <iframe style="width: 100%;height:700px" :src="pdfUrl"></iframe>
 </div>
 </template>
</el-dialog>

3.预览图片
  <img :src="v" :large="v" alt="" :preview="1" preview-text="图片">

image.png

4.常用
split()用于把一个字符串分割成字符串数组。
   <span v-if="scope.row.goodName">{{scope.row.goodName.split(" ")[0]}}</span> 
JSON.parse()将字符串数据转换为 JavaScript 对象
  <span v-if="scope.row.specifications">
   <span v-for="(v,i) in JSON.parse(scope.row.specifications)" :key="i" >
      <span  v-if="i!=0 && i!=JSON.parse(scope.row.specifications).length-1" style="margin-right:4px;font-size:14px;"> {{v}} </span>
  </span>
</span> 

image.png image.png