console
let _this = null
var app = new Vue({
el: '#app',
data: {
message: '名字!',
insertForm: {
marketAge: 18,
marketName: null,
marketValue: 0
}
},
created() {
_this = this
},
mounted() {
console.log(_this)
},
methods: {
insertClick() {
_this.insertForm.marketAge = 16
_this.insertForm.marketName = '张三'
_this.insertForm.marketValue++
console.log(_this.insertForm.marketValue)
},
updateClick () {
_this.insertForm.marketValue--
},
deleteClick () {
_this.insertForm.marketName = null
}
}
})
let start = '202103'
let end = '202111'
let len = end - start
console.log(len)
let date = []
let dates = start
for (let i = 0; i < len; i++) {
date.push(dates.toString())
dates++
}
ssss
console.log(date)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<h1>新增</h1>
<p>新增功能</p>
<div id="app">
<el-form :inline="true" label-width="114px">
<el-form-item label="名字:" prop="marketName">
<el-input v-model="insertForm.marketName"></el-input>
</el-form-item>
</el-form>
<span>{{insertForm.marketAge}}</span>
<el-button type="text" @click="insertClick"><i class="fa fa-plus"></i> 新增</el-button>
<el-button type="text" @click="updateClick"><i class="fa fa-plus"></i> 修改</el-button>
<el-button type="text" @click="deleteClick"><i class="fa fa-plus"></i> 删除</el-button>
{{insertForm.marketValue}}
</div>
</body>
</html>
const getBase64Image = (img) => {
const image = new Image();
image.src = img;
image.onload = () => {
const canvas: any = document.createElement('canvas');
canvas.width = image.width;
canvas.height = image.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0, image.width, image.height);
const ext = image.src.substring(image.src.lastIndexOf('.') + 1).toLowerCase();
canvas.toDataURL(`image/${ext}`);
};
return image.src;
};
['0-2', '0-2-2-2-0-3-0', '0-2-2-3-0-0-0', '0-2-2-3-0-0-3', '0-2-2-3-0-3-0', '0-2-2-4-0-3-0', '0-2-2-12-0-0-0']
.el-button {
width: 100px;
background-color: transparent;
border: none;
color: #00827B;
cursor: pointer;
}