项目优化小技巧

• 在任何页面使用 shift + /  即可查看该页面的快捷键
• 火狐用户记住账号密码直接在输入框回显问题  

@blur是防止点击过一次再点击下面会出现提示框 

<el-input v-model="form.password"
                  type="password"
                  :readonly="readonly"
                  @blur="readonly=true"
                  @focus="readonly=false"
                  placeholder="请输入密码"></el-input>

• 在发get请求搜索的时候，遇到一些特殊字符会报请求的错误，所以要对搜索条件（字段）进行encodeURI(title)转义 
• 数据对象拆解

      for (var i in data) {
        xAxis.push(i)
        seriesData.push(data[i])
      }

• 点击输入框时，选中输入框全部内容方便删除

<el-input @focus="onFocusSelect($event)"/>

onFocusSelect = (event) => {
    event.currentTarget.select()
}

•  在项目中使用变量统一设定宽度或高度，在做响应式的时候可能会用到以下语法

height: calc(100vh - #{$height});

直接写$height是不好使的