Fix Element UI select is not compatible with Vue 2.5.14 😩

Author: ian-patel

resources/assets/js/admin/components/PostView.vue

@@ -25,14 +25,11 @@
       </el-form-item>
 
       <el-form-item label="Category" v-if="categories" prop="category_id">
-        <el-select v-model="form.category_id" placeholder="Category">
-          <el-option
-            v-for="category of categories"
-            :key="category._id"
-            :label="category.title"
-            :value="category._id"
-            />
-        </el-select>
+        <select v-model="form.category_id">
+          <template v-for="category of categories">
+            <option :value="category._id">{{ category.title }}</option>
+          </template>
+        </select>
       </el-form-item>
 
       <el-form-item label="Body" prop="body">

resources/assets/js/admin/pages/Category.vue

@@ -38,9 +38,7 @@
 
     <el-pagination
       :current-page="page"
-      :page-sizes="[5, 10, 25, 50, 100]"
       :page-size="limit"
-      layout="total, sizes, prev, pager, next, jumper"
       :total="totalCategories"
       @size-change="limit = $event"
       @current-change="page = $event"

resources/assets/js/admin/pages/User.vue

@@ -36,9 +36,7 @@
 
     <el-pagination
       :current-page="page"
-      :page-sizes="[5, 10, 25, 50, 100]"
       :page-size="limit"
-      layout="total, sizes, prev, pager, next, jumper"
       :total="totalUsers"
       @size-change="limit = $event"
       @current-change="page = $event"