|
|
@ -16,8 +16,9 @@ |
|
|
|
:style="{ maxHeight: '20vh', overflowY: 'auto' }"></vue-json-pretty> |
|
|
|
|
|
|
|
</template> |
|
|
|
<textarea v-else class="wrap-text max-height" :rows="15" :cols="80" readonly |
|
|
|
v-model=item.value></textarea> |
|
|
|
<p v-else class="p-style" readonly |
|
|
|
>{{item.value}}</p> |
|
|
|
|
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
@ -110,12 +111,9 @@ function formatObject(value) { |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.wrap-text { |
|
|
|
white-space: pre-wrap; |
|
|
|
word-wrap: break-word; |
|
|
|
} |
|
|
|
|
|
|
|
.max-height { |
|
|
|
.p-style { |
|
|
|
white-space: pre; |
|
|
|
word-break: keep-all; |
|
|
|
max-height: 20vh; |
|
|
|
overflow-y: auto; |
|
|
|
} |
|
|
|