1.代碼如下,當(dāng)進(jìn)入頁(yè)面的時(shí)候,輸入班次名稱,然后選擇一天一次打卡,輸入的上班時(shí)間的時(shí)候,直接輸入到了班次名稱上, 沒有任何錯(cuò)誤
<form id="formID" class="form-horizontal" style="width:900px; margin: 0 auto;">
<div class="form-group">
<div class="col-sm-2 control-label">班次名稱</div>
<div class="col-sm-10">
<input type="text" id="sname" name="sname" class="form-control" v-model="kqSchedule.name" placeholder="班次名稱"
required/>
<label for="sname" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">上下班次數(shù)設(shè)置</div>
<label class="radio-inline">
<input type="radio" name="type" value="1" v-model="kqSchedule.type"/> 一天一次上下班
</label>
<label class="radio-inline">
<input type="radio" name="type" value="2" v-model="kqSchedule.type"/> 一天二次上下班
</label>
</div>
<div v-if="kqSchedule.type > 0" style="border: 1px solid #007fff; border-radius: 5px; margin-bottom: 15px;">
<div class="form-group">
<div class="col-sm-2 control-label">第一次上下班</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">上班</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.startTime" placeholder="上班時(shí)間"/>
</div>
<div class="col-sm-2 control-label">最早取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.preStartTime" placeholder="最早取卡時(shí)間"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">下班</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.endTime" placeholder="下班時(shí)間"/>
</div>
<div class="col-sm-2 control-label">最晚取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.lateEndTime" placeholder="最晚取卡時(shí)間"/>
</div>
</div>
</div>
<div v-if="kqSchedule.type >= 2"
style="border: 1px solid #007fff; border-radius: 5px;margin-top: 2px; margin-bottom: 15px;">
<div class="form-group">
<div class="col-sm-2 control-label">第二次上下班</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">上班</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.startTime" placeholder="上班時(shí)間"/>
</div>
<div class="col-sm-2 control-label">最早取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.preStartTime" placeholder="最早取卡時(shí)間"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">下班</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.endTime" placeholder="下班時(shí)間"/>
</div>
<div class="col-sm-2 control-label">最晚取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.lateEndTime" placeholder="最晚取卡時(shí)間"/>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">午休開始時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" style="cursor: pointer;"
v-model="kqSchedule.noonrestStartTime" placeholder="午休開始時(shí)間"/>
</div>
<div class="col-sm-2 control-label">午休結(jié)束時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" style="cursor: pointer;"
v-model="kqSchedule.noonrestEndTime" placeholder="午休結(jié)束時(shí)間"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">啟用</div>
<div class="col-sm-10">
<label class="radio-inline">
<input type="radio" name="isused" value="Y" v-model="kqSchedule.isused"/> 正常
</label>
<label class="radio-inline">
<input type="radio" name="isused" value="N" v-model="kqSchedule.isused"/> 禁用
</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="保存"/>
<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
</div>
</form>
請(qǐng)問有人遇到過這個(gè)情況嗎,要如何處理,用的是谷歌瀏覽器最新版本67.xxxx,沒有錯(cuò)誤,感覺像是焦點(diǎn)沒有切換過來
按照你給的問題本身,看不出任何問題。
還是直接截圖代碼跟報(bào)錯(cuò)信息吧。方便的話把頁(yè)面渲染的html結(jié)構(gòu)也拉出來看看
測(cè)試結(jié)果 沒有影響。
測(cè)試環(huán)境 win10 chrome 62.0.3202.62
初步判定可能是 bootstrap還是別的什么玩意影響了焦點(diǎn)。
建議題主把整個(gè) .vue 丟上來一起看看。
<style lang="less" scoped>
.test {
width: 90%;
min-height: 600px;
background-color: #fff;
position: absolute;
top: 200px;
left: 5%;
padding: 50px;
input {
width:200px;
height:30px;
border:1px solid #c6c6c6;
}
.form-group {
width: 90%;
height:50px;
.col-sm-3,
.col-sm-10,
.col-sm-2 {
display: inline-block;
}
.control-label {
display: inline-block;
}
}
}
</style>
<template>
<div class="test">
<form id="formID" class="form-horizontal" style="width:900px; margin: 0 auto;">
<div class="form-group">
<div class="col-sm-2 control-label">班次名稱</div>
<div class="col-sm-10">
<input type="text" id="sname" name="sname" class="form-control" v-model="kqSchedule.name" placeholder="班次名稱" required/>
<label for="sname" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">上下班次數(shù)設(shè)置</div>
<label class="radio-inline">
<input type="radio" name="type" value="1" v-model="kqSchedule.type" /> 一天一次上下班
</label>
<label class="radio-inline">
<input type="radio" name="type" value="2" v-model="kqSchedule.type" /> 一天二次上下班
</label>
</div>
<div v-if="kqSchedule.type > 0" style="border: 1px solid #007fff; border-radius: 5px; margin-bottom: 15px;">
<div class="form-group">
<div class="col-sm-2 control-label">第一次上下班</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">上班</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="firstScheduleWorktime.startTime" placeholder="上班時(shí)間" />
</div>
<div class="col-sm-2 control-label">最早取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="firstScheduleWorktime.preStartTime" placeholder="最早取卡時(shí)間" />
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">下班</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="firstScheduleWorktime.endTime" placeholder="下班時(shí)間" />
</div>
<div class="col-sm-2 control-label">最晚取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="firstScheduleWorktime.lateEndTime" placeholder="最晚取卡時(shí)間" />
</div>
</div>
</div>
<div v-if="kqSchedule.type >= 2" style="border: 1px solid #007fff; border-radius: 5px;margin-top: 2px; margin-bottom: 15px;">
<div class="form-group">
<div class="col-sm-2 control-label">第二次上下班</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">上班</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="secondScheduleWorktime.startTime" placeholder="上班時(shí)間" />
</div>
<div class="col-sm-2 control-label">最早取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="secondScheduleWorktime.preStartTime" placeholder="最早取卡時(shí)間" />
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">下班</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="secondScheduleWorktime.endTime" placeholder="下班時(shí)間" />
</div>
<div class="col-sm-2 control-label">最晚取卡時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" v-model="secondScheduleWorktime.lateEndTime" placeholder="最晚取卡時(shí)間" />
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">午休開始時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" style="cursor: pointer;" v-model="kqSchedule.noonrestStartTime" placeholder="午休開始時(shí)間" />
</div>
<div class="col-sm-2 control-label">午休結(jié)束時(shí)間</div>
<div class="col-sm-3">
<input type="time" class="form-control" style="cursor: pointer;" v-model="kqSchedule.noonrestEndTime" placeholder="午休結(jié)束時(shí)間" />
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label">啟用</div>
<div class="col-sm-10">
<label class="radio-inline">
<input type="radio" name="isused" value="Y" v-model="kqSchedule.isused" /> 正常
</label>
<label class="radio-inline">
<input type="radio" name="isused" value="N" v-model="kqSchedule.isused" /> 禁用
</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="保存" />
<input type="button" class="btn btn-warning" @click="reload" value="返回" />
</div>
</form>
</div>
</template>
<script>
export default {
//props:{
//props:{
//type:String,
//default:String,
//},
//},
data() {
return {
kqSchedule: {
name: "",
type: "",
isused: "",
noonrestStartTime: "",
noonrestEndTime: ""
},
firstScheduleWorktime: {
startTime: "",
preStartTime: "",
endTime: "",
lateEndTime: ""
},
secondScheduleWorktime: {
startTime: "",
preStartTime: "",
endTime: "",
lateEndTime: ""
}
};
},
methods: {
saveOrUpdate() {
//dosth
},
reload() {
//dosth
}
}
//computed:{
//computedA(){
//return xxx
//},
//},
//watch:{
//watchA(val,oldval){//必須是data||props里面已經(jīng)有的key才行,普通值
////dosth
//},
//watchB:{//必須是data||props里面已經(jīng)有的key才行,對(duì)象obj
//deep:true,
//handler(val,oldval){
////dosth
//}
//},
//},
//created () {
//},
//mounted () {
//},
//beforeDestroy () {
//},
//beforeRouteEnter(to, from, next) {
//next(vm => {
//// 通過 `vm` 訪問組件實(shí)例
//});
//},
//beforeRouteLeave(to, from, next){
//// dosth 可以用this訪問當(dāng)前組件上下文
//next();
//},
};
</script>
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問,美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。