自用的vue方法

把空格转换成自己想要的类型

arr.replace(/\s+/g,",")

获取本地城市的天气接口地址

javascript
 getTheweather() {
        var this_ = this;
        const Request = 'http://wthrcdn.etouch.cn/weather_mini?city=成都'
        this.$axios.get(Request).then(function (res) {
          this_.TheWeather = res.data.data.forecast[0];
          console.log(this_.TheWeather);
        });
      },

判断数组对象中是否含有某个值，并返回该条数据

项目背景需求是：

已知：

var a=[{name:'jenny',age:18},{name:'john',age:19},{name:'jack',age:20}]
var b ='jenny'

返回：

{name:‘jenny’,age:18}

解题思路：现将数组转成字符串，判断改数组中是否存在该字符串，存在的情况下遍历该数组，返回匹配的数据

代码如下：

动态添加class，根据不同的值来做更改

vue引入外部 js，css

<script src="./script.js"></script>  

<style lang="scss" scoped>
    @import './style.scss';
</style>

this.$set的使用

 this.$set(《这儿是要返回的对象》, '《这儿是键名》', '《这儿是键值》');

vue引入和卸载

引入

npm install XXX --save-dev

卸载

npm uninstall XXX --save-dev

v-for循环 默认给选中样式 点击不同的class切换

<span v-for="(item,index) in fontSize" :key="item.id"
  :class="isActive==index ? 'active' : '' "
   @click="fontSizeClick(item.id,index)">
  {{item.textSize}}
</span>

data(){
	return{
		isActive: 0
	}
}

安装vue-cli 指定版本

npm install -g @vue/cli@3.12.1

数据处理健值和健名

let arr = [];
        this.elementList.map((item) => {
          arr.push(item.elementCode)
        })
        this.dicCheckLogVoList.map(((item) => {
          let obj = {};
          arr.forEach((items) => {
            obj[items] = item[items];
          })
          item.dataJson = JSON.stringify(obj);
        }));