1.如何在elementUI的input後面新增單位符號

 <i slot="suffix" style="font-style:normal;margin-right: 10px;">℃</i>

2.如何在echarts柱狀圖上顯示數值

在需要顯示數值的series裡新增：

label: {
          show: true,
          position: 'inside',
          color:'black'
 },

3.elementUI中多級聯cascader選擇器預設選中怎麼設定

注意：v-model繫結的值一定要是一個數組，陣列中需要根據指向預設選中的value進行排序

比如上層目錄的value為“1”，選中的值value為“22”，則為['1','22']

<el-cascader
            expand-trigger="hover"
            :props="defaultProps"
            :options="options"
            v-model="selectedOptions"  // 這個繫結的值就是預設顯示的值
            @change="handleChange">
    </el-cascader>

4.在el-dialog中使用echarts

this.$nextTick(() => { // 執行echarts方法 this.initEcharts() })

5.獲取點選el-tree節點的值

HTML部分：

<el-tree
        ref="tree"
        :data="treeData"
        :props="defaultProps"
        default-expand-all
        :filter-node-method="filterNode"
        accordion
        @node-click="handleClick">
 

</el-tree>

JS部分：

 handleClick(v){
      console.log(v);
    },

6.elementUI在元件內加上scoped之後樣式亂掉並且無法修改

方法1：去掉scoped（這個不推薦，會造成樣式汙染）

方法2：樣式放到app.vue裡面或者入口檔案 index.vue，為了不汙染其他頁面樣式，可單獨加個類名

方法3：重新寫一份css檔案，使用@import引入，元件內寫兩個分開的style即可

方法4：穿透，使用>>>或者/deep/進行樣式穿透

7.elementUI獲取點選行的資料

HTML部分

<el-table
      v-loading="loading"
      :data="setList"
      border
      ref="multipleTable "
      style="width: 90%"
      class="tableBox"
      highlight-current-row
      @row-click="getDetails"
      @selection-change="handleSelectChangeLeft"
    >

JS部分：

 getDetails(row) {
      console.log(row);
    }

待更新....