diff --git a/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue b/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue
index 2962ddcc7..31c71bdb4 100755
--- a/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue
+++ b/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue
@@ -12,25 +12,25 @@
 <script>
 	export default {
 		props: {
-			value: String
+			modelValue: String
 		},
 		computed: {
 			buttonListClass(){
 				return [
 					'p-button p-button-icon-only',
-					{'p-highlight': this.value === 'list'}
+					{'p-highlight': this.modelValue === 'list'}
 				]
 			},
 			buttonGridClass() {
 				return [
 					'p-button p-button-icon-only',
-					{'p-highlight': this.value === 'grid'}
+					{'p-highlight': this.modelValue === 'grid'}
 				]
 			}
 		},
 		methods: {
 			changeLayout(layout){
-				this.$emit('input', layout);
+				this.$emit('update:modelValue', layout);
 			}
 		}
 	}