js字符串json/数组/对象/相互转换;vue.js获取当前系统时间/年月日时分秒/一行代码;el-input无法输入||自动变成了禁用状态||点击后无法获取

149 阅读2分钟

本人已参与「新人创作礼」活动,一起开启掘金创作之路。

对象与字符串相互转换

  • 对象转字符串
const obj = {
     id: 0,
     name: '张三',
     age: 12
}
const objToStr = JSON.stringify(obj)
  • 字符串转对象
const str = '{"id":0,"name":"张三","age":12}'
const strToObj = JSON.parse(str)

数组与字符串相互转换

  • 字符串转数组
var string = '123,456,789';
var stringResult = string.split(',');
console.log(stringResult) //输出["123", "456", "789"]
var jsonStr = '[1,2,3,{"a":1}]';
JSON.parse( jsonStr );

数组转字符串

var array = ['abc', 'def', 'hig']
var arrayResult = array.join(',')
console.log(arrayResult) // 输出"abc,def,hig"
var arr = [1,2,3, { a : 1 } ];
JSON.stringify( arr );
  • 对象转字符串
const obj = {
     id: 0,
     name: '张三',
     age: 12
}
const objToStr = JSON.stringify(obj)
  • 字符串转对象
const str = '{"id":0,"name":"张三","age":12}'
const strToObj = JSON.parse(str)

数组与字符串相互转换

  • 字符串转数组
var string = '123,456,789';
var stringResult = string.split(',');
console.log(stringResult) //输出["123", "456", "789"]
var jsonStr = '[1,2,3,{"a":1}]';
JSON.parse( jsonStr );

数组转字符串

var array = ['abc', 'def', 'hig']
var arrayResult = array.join(',')
console.log(arrayResult) // 输出"abc,def,hig"
var arr = [1,2,3, { a : 1 } ];
JSON.stringify( arr );

- 获取获取当前系统时间/年月日时分秒

new Date(+new Date() + 8 * 3600 * 1000)
	.toJSON()
	.substr(0, 19)
	.replace("T", " ")

在这里插入图片描述

- 定时器实时更新时间

setInterval(() => {
    this.time = new Date(+new Date() + 8 * 3600 * 1000)
    .toJSON()
    .substr(0, 19)
    .replace("T", " ");
    }, 1000);

el-input自动变成了禁用状态

el-input无法输入 vue项目中所有 el-input点击后无法获取焦点

突然之间项目所有的input都无法输入,类似禁用状态但不是禁用状态,可以强制获取焦点输入,但无法解决根本问题,

网上任何方法都试了没有用 最后解决方法,卸载elementui重装 更新到最新版本$ npm install element-ui@2.15.7 -S ,重新npm run serve就可以了

记录问题

2021-12-10更新,上面的方法不管用 在最外层的from表单中添加此属性完美解决 @mousedown.native.stop 在这里插入图片描述

以上