<template>
|
<table class="table112">
|
<thead>
|
<tr>
|
<th>时间</th>
|
<th>保育机构的名称</th>
|
<th>特点</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>1949年</td>
|
<td>
|
<input v-model="table112.tbText1" @blur="onBlurChangeTable('tbText1')" />
|
</td>
|
<td>
|
<input v-model="table112.tbText2" @blur="onBlurChangeTable('tbText2')" />
|
</td>
|
</tr>
|
<tr>
|
<td>1949-1980年</td>
|
<td>
|
<input v-model="table112.tbText3" @blur="onBlurChangeTable('tbText3')" />
|
</td>
|
<td>
|
<input v-model="table112.tbText4" @blur="onBlurChangeTable('tbText4')" />
|
</td>
|
</tr>
|
<tr>
|
<td>1980-1990年</td>
|
<td>
|
<input v-model="table112.tbText5" @blur="onBlurChangeTable('tbText5')" />
|
</td>
|
<td>
|
<input v-model="table112.tbText6" @blur="onBlurChangeTable('tbText6')" />
|
</td>
|
</tr>
|
<tr>
|
<td>1990-2000年</td>
|
<td>
|
<input v-model="table112.tbText7" @blur="onBlurChangeTable('tbText7')" />
|
</td>
|
<td>
|
<input v-model="table112.tbText8" @blur="onBlurChangeTable('tbText8')" />
|
</td>
|
</tr>
|
<tr>
|
<td>2000年至今</td>
|
<td>
|
<input v-model="table112.tbText9" @blur="onBlurChangeTable('tbText9')" />
|
</td>
|
<td>
|
<input v-model="table112.tbText10" @blur="onBlurChangeTable('tbText10')" />
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
table112: {
|
tbText1: localStorage['tbText1'],
|
tbText2: localStorage['tbText2'],
|
tbText3: localStorage['tbText3'],
|
tbText4: localStorage['tbText4'],
|
tbText5: localStorage['tbText5'],
|
tbText6: localStorage['tbText6'],
|
tbText7: localStorage['tbText7'],
|
tbText8: localStorage['tbText8'],
|
tbText9: localStorage['tbText9'],
|
tbText10: localStorage['tbText10'],
|
},
|
};
|
},
|
methods: {
|
onBlurChangeTable(val) {
|
console.log(val)
|
localStorage.setItem(val, this.table112[val]);
|
},
|
},
|
};
|
</script>
|
