首页 > 其他 > 详细

Element ui使用心得

时间:2018-10-21 00:46:39      阅读:247      评论:0      收藏:0      [点我收藏+]

Element ui使用心得

滑块:

<template>
  <div class="block">
    <span class="demonstration">默认</span>
    <el-slider v-model="value1"></el-slider>
  </div>
  <div class="block">
    <span class="demonstration">自定义初始值</span>
    <el-slider v-model="value2"></el-slider>
  </div>
  <div class="block">
    <span class="demonstration">隐藏 Tooltip</span>
    <el-slider v-model="value3" :show-tooltip="false"></el-slider>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value1: 0,
        value2: 50,
        value3: 36
      }
    },
    methods: {
      formatTooltip(val) {
        return this.val / 100;  //这里要使用this,不能照着官网复制代码
      }
    }
  }
</script>

 技术分享图片

 

Element ui使用心得

原文:https://www.cnblogs.com/zzxuan/p/9823555.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!