VUE使用Element UI心得

Posted 2023-05-15

参考技术A Element - 初次看到这个框架，感觉它太简单了，感觉它只适合做移动web端，但后来发现，它也可以做响应式布局的PC/移动端一体的网站。

前后修修补补没有停歇过，总结了一些经验，坑都不大不小，花点时间，都是能解决的。

废话少说，上正文：

运行 npm run dev 发现没有style-loader,需要安装

如果提示如下信息：

运行如下命令即可：

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>