当前位置: 首页 > news >正文

如何做h5商城网站企业如何进行网络营销

如何做h5商城网站,企业如何进行网络营销,沈阳建设厅官方网站,阿里云服务器做网站需要备案组件定义 使用el-row确保元素都在一行上对外暴露的prop是minValue和maxValue,但是不建议直接使用,使用计算属性minValueComputed和maxValueComputed更改计算属性的值的不要直接更改计算属性,也不要直接更改原本的prop,通知外层的父…

组件定义

  • 使用el-row确保元素都在一行上
  • 对外暴露的prop是minValue和maxValue,但是不建议直接使用,使用计算属性minValueComputed和maxValueComputed
  • 更改计算属性的值的不要直接更改计算属性,也不要直接更改原本的prop,通知外层的父组件来更改,通过父组件将变动传递到子组件中
  • 子组件使用prop进行属性传递的时候,应该极力避免在子组件中直接更改prop的值,获取属性值使用计算属性进行v-model绑定,不要直接绑定在prop上,因为v-model的数据流是双向的。修改值的话,监听计算属性的setter方法,当变化的时候,通知父组件键更改外部的prop的传递值
<template><el-row><el-col :span="10"><el-inputtype="number"v-model="minValueComputed":placeholder="minPlaceholder"size="mini"class="rangeInput"@input="minValueComputed = handleInput(minValueComputed)"/></el-col><el-col :span="4"><span style="text-align: center; display: block; margin-left: 5px"></span></el-col><el-col :span="10"><el-inputtype="number"v-model="maxValueComputed":placeholder="maxPlaceholder"size="mini"class="rangeInput"@input="maxValueComputed = handleInput(maxValueComputed)"/></el-col></el-row>
</template><script>
export default {name: 'RangeInput',props: {minValue: String||Number,maxValue: String||Number,minPlaceholder: String,maxPlaceholder: String,cleanFlag: Boolean},data() {return {internalMinValue: this.minValue,internalMaxValue: this.maxValue,minErrorMsg: ''}},computed: {minValueComputed: {get() {return this.internalMinValue;},set(value) {this.internalMinValue = value;this.$emit('update:minValue', value);}},maxValueComputed: {get() {return this.internalMaxValue;},set(value) {this.internalMaxValue = value;this.$emit('update:maxValue', value);}}},methods: {handleInput(value) {return value.replace(/[^\d|\.|-]/g, '');},},watch: {cleanFlag() {this.minValueComputed = '';this.maxValueComputed = '';}}
}
</script><style scoped lang="scss">
::v-deep .rangeInput .el-input__inner{width: 70px !important;height: 30px !important;
}</style><style scoped>
/deep/ input::-webkit-outer-spin-button,
/deep/ input::-webkit-inner-spin-button {-webkit-appearance: none;
}
/deep/ input[type="number"] {-moz-appearance: textfield;
}
/deep/ inpit {border: none
}
</style>

使用

给外围的el-form中加上一个inline-block,最大值和最小值不在同一行的情况

<el-form-item label="损耗比率(%)" prop="wastageRate" ><range-input:minValue.sync="wastageRateMin":maxValue.sync="wastageRateMax"minPlaceholder="最小值"maxPlaceholder="最大值":cleanFlag="rankInputCleanFlag"/>
</el-form-item>
http://www.15wanjia.com/news/21062.html

相关文章:

  • 网站开发旅游前台模板滕州seo
  • 网站的运行环境万网制作网页的流程步骤
  • 男女做那个能看的视频网站谈谈对seo的理解
  • 大理悦花轩客栈在哪些网站做推广中央突然宣布一个大消息
  • 网站单页面怎么做的百度经验app
  • 凯里网站建设哪家好2021最新免费的推广引流软件
  • 新昌县城乡建设局网站核心关键词和长尾关键词举例
  • 网站怎么建设商城杭州关键词推广优化方案
  • wordpress 登录状态aso优化工具
  • qq是用什么软件开发的seo排名点击
  • 网站网页优化怎么做友情链接导航
  • 网站建设发展状况安卓内核级优化神器
  • 网站网页建设实训心得体会电商推广方案
  • 织梦网站更新推广软文
  • 网站内页模板广告推广 精准引流
  • 智慧团建网站登录电脑版分享推广
  • 科技公司做网站如何制作一个网页页面
  • 建立网站第一步是什么seo搜索引擎优化工资多少钱
  • 给公司建立一个网站吗推广seo优化公司
  • 上海一 网站建设公司百度最新秒收录方法2021
  • 怎么跟客户介绍网站建设怎么做网页
  • 在国外社交网站做产品推广站长交流平台
  • 杭州拱墅网站建设关键词优化哪家强
  • 如何用asp做视频网站关键词网站
  • 济南软件网站建设域名收录查询工具
  • 织梦整形医院网站模板江苏seo平台
  • 计算机系毕设代做网站宁德市人社局官网
  • 哪些分类网站网上营销方法
  • 新乡哪有网站建设公司谷歌浏览器安卓下载
  • 怎么做存储网站湖南seo服务电话