本文介绍了一个Vue组件，该组件实现了点击按钮将文本插入到输入框中，并提供了关闭计算器、设置位置等功能。用户可以点击0-9、.、运算符等按钮，文本将被插入到光标所在位置。
{ { item }}
name:'Calculator',
props: {
initValue: {
type: String,
require:true,default: ''}
},
data() {return{//计算器文本数组
calculatorTexts: (() =>{
let texts=[]for (let index = 0; index < 10; index++) {
texts.push(index.toString())
}
texts= texts.concat(['.', '+', '-', '*', '/', '(', ')'])returntexts
})(),//计算器是否可见
calculatorVisible: true,//样式
style: {
top:'0px',
left:'0px'},//光标是否处于计算器内
calculatorFocus: false,//文本值
value: this.initValue
}
},
mounted() {
},
methods: {//文本点击
handl
最低0.47元/天 解锁文章
3999
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
