vue记录
2018-07-16 03:11:07来源:博客园 阅读 ()
-
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; } }
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:POST和GET请求区别
下一篇:Math.max()/min()
- vue.js开发环境搭建教程 2020-03-16
- Vue input控件通过value绑定动态属性及修饰符的方法 2020-03-05
- 详解Webstorm 新建.vue文件支持高亮vue语法和es6语法 2020-02-07
- vue路由跳转时判断用户是否登录功能的实现 2020-01-17
- vue-cli中打包图片路径错误的解决方法 2020-01-17
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash