Element ui使用心得

Posted zzxuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Element ui使用心得相关的知识,希望对你有一定的参考价值。

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使用心得的主要内容,如果未能解决你的问题,请参考以下文章

如何上传图片到七牛云

改造vue-quill-editor: 结合element-ui上传图片到服务器

在vuepress中实现类似element-ui 的代码预览效果

Selenium Xpath元素无法定位 NoSuchElementException: Message: no such element: Unable to locate element(代码片段

element使用心得

element-puls使用心得