• vue项目中使用默认图片代替异常图片

  • 第一种方法
<img onerror="javascript:this.src='../../static/custom.png';"  class="customerHead" :src="param.customerHead" alt="">

图片不存在时,触发 onerror,显示custom.png

  • 第二种方法
<img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="">

data() {

  return {

    errpic:'this.src="' + require('../../assets/img/errpic.png') + '"',

  }

}

vue 替换图片

<img :src="calcuImgUrl" alt="">
data() {
return {
calcuImgUrl:require('../../assets/img/calcu0.png')
}
}
mounted(){if(G.calculateState=="2"){
this.calcuImgUrl = require('../../assets/img/calcu2.png'); } },

vue  watch 监听

    watch:{
param:{
handler(val,oldval){
var ct=this.param.certificate;
var cf=this.param.certificateNum;
if((ct==""||ct==null)&&(cf==""||cf==null)){
this.disabled_startname=true;
this.disabledInput=true;
this.disabledVild=true;
}
},
deep:true //深度监听
}
},

vue  computed 计算属性

computed:{
complate_message(){
if(this.param.weight !== "" && this.param.height !==""){
let BMI =Math.round(this.param.weight/((this.param.height/100)*(this.param.height/100))*10)/10
return BMI
}else{
return 0
}
},
},

vue  disabled属性更改

<div class="public_container">
  <li class="style-li-css6">证件号码:</li>
    <input type="text"  ref="certificateNum"v-on:blur="changeAge(param.certificateNum)" v-model="param.certificateNum">
  </li>
</div>

<div class="customer_sex" style="float:left;line-height:2;margin-left:35px;">
<el-checkbox :label="1" v-model="param.checked" @change="changeVid(param.checked)"
v-bind:disabled="disabledVild">长期有效</el-checkbox>
</div>
data(){
return {
disabledVild:false
}
}
methods:{
onSelectedDrug(event,value) {
if(value=="4"|value=="6"){
    this.disabledVild=true;
}
}

最新文章

  1. Servlet异步上传文件
  2. caffe网络模型各层详解(一)
  3. &lt;2016-1-28&gt;
  4. SignalR 简单示例
  5. egit - not authorized
  6. WPF 文本框添加水印效果
  7. 理解python先编译后解释的特点
  8. ubuntu 安装 ia32-libs
  9. spark结合 Openfire服务器,发送聊天消息
  10. Objective C assign&amp;copy &amp; retain区别
  11. 解popstar
  12. 数据结构(并查集||树链剖分):HEOI 2016 tree
  13. Form实现无刷新上传文件并返回自定义值
  14. java web mvc思想介绍
  15. html5 安卓拨打电话 发短信
  16. Angualr学习笔记
  17. Hadoop Compatibility in Flink
  18. 《精通Oracle SQL(第2版)》PDF
  19. python中assert详解
  20. 优化网站设计(十):最小化JAVASCRIPT和CSS

热门文章

  1. JVM的内存结构
  2. iconfont_3种引用方式
  3. js运动缓动效果
  4. D3基础---简介和数据
  5. Javascript基础系列之(五)条件语句(逻辑操作符)
  6. Nginx 502错误总结
  7. C#学习笔记14
  8. H5,API的pushState(),replaceState()和popstate()用法
  9. 【Android】13.0 UI开发(四)——列表控件RecyclerView的横向布局排列实现
  10. System.Net.Mail 邮件发送示例