avue-curd 手动给某个字段排序的方法，为什么报错

wozhenshiful

已于 2023-05-13 13:35:03 修改

阅读量503

点赞数

CC 4.0 BY-SA版权

分类专栏： # avue 文章标签： vue.js javascript 前端

于 2023-05-13 13:02:44 首次发布

本文链接：https://blog.youkuaiyun.com/wozhenshiful/article/details/130656119

直接上结果，想看报错原因看后面

//  ascending 升序 descending 降序
// prop和order都只能是string数据类型，字符串变量也可以
this.$refs.crud.$refs.table.store.commit('sort', { prop: "对应字段的prop", order: "想要改成什么样的排序" })

Crud属性文档 | Avue 官网网址

我使用了this.$refs.crud.sort没有用，甚至报错没有this.$refs.crud.sort这个方法，然后我console.log了一下this.$refs.crud

查看一下是否有这个方法，确实没有，所以报错

又因为avue-c

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wozhenshiful

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

avue学习总结

qq_37517486的博客

07-21

2593

avue是基于element-ui二次封装的前端UI组件，需要有element-ui熟悉的基础。下图中列举一些常用的属性（官方文档说明不详细）

在Vue中使用Avue

小马甲

10-06

2955

Avue.js是基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景，同时衍生出更多企业常用的组件，达到高复用，容易维护和扩展的框架，同时内置了丰富了数据展示组件，让开发变得更加容易。

参与评论您还未登录，请先登录后发表或查看评论

avue-crud报错TypeError: Cannot read properties of undefined (reading ‘key‘)at sameVnode (vue.js:5806:9

Miraow的博客

12-18

284

使用avue-crud遇见的问题

【vue】avue-crud表单属性配置（表格以及列）

码农研究僧的博客

12-27

1万+

项目实战中需要调某个样式，但作为后端开发者也只能硬着头皮，此贴作为初学前端的第一帖，以下为学习笔记。form属性文档curd属性文档。

avue-crud sortable拖动失效的问题

qq_39330849的博客

06-26

748

在avue-crud的option中添加sortable=true后却无法拖动排序，经过测试后发现由于我的option需要动态生成下拉框选项，所以放在了computed里面以方法的方式提供。把option改到data里sortable就生效了，不清楚是什么原因。avue-crud部分。

avue-crud vxe-grid表格列拖拽排序功能

weixin_42820161的博客

05-31

1752

vue实现表格列拖拽排序功能

前端那些事20231211-avue使用-之Crud属性之搜索标题排序

qq_41632427的博客

12-13

605

前端

前端那些事20240201-前端那些事-avue2 搜索字段排序

qq_41632427的博客

03-14

358

【代码】前端那些事20240201-前端那些事-avue2 搜索字段排序。

前端那些事20240201-前端那些事-avue2 表格行配置行拖拽排序

qq_41632427的博客

03-15

531

【代码】前端那些事20240201-前端那些事-avue2 表格行配置行拖拽排序。

前端那些事20240201-前端那些事-avue2 表格列配置项-默认排序

qq_41632427的博客

03-18

406

【代码】前端那些事20240201-前端那些事-avue2 表格列配置项-默认排序。

解决avue-crud sortable 排序错乱问题

热门推荐

　　　　　　　　　　　　　　　　　　　　　　寥寥一生......

07-25

1万+

// 表格属性 // width: “100%”,//表格宽度 // calcHeight: “auto”,//表格高度差（主要用于减去其他部分让表格高度自适应） // height: “auto”,//表格高度 // maxHeight: “auto”,//表格最大高度 // border: true,//是否显示表格边框 // expand: false,//是否展开折叠行 // index:...

js 中中文、空格、数字、字符串混合排序

m0_38125257的博客

03-11

5101

js 中中文、空格、数字、字符串混合排序 // 调用： var goods = [ {'goodSn': 'x02','goodName': '牛仔裤z', 'price': '178'}, {'goodSn': 'a03','goodName': '直三正品拖鞋', 'price': '78'}, {'goodSn': 'a04','goodName': '哈哈', 'price': '78'}, {'goodSn': 'a05','goodName': '#', 'price': '78'}, {'g

vue数组自定义排序---Avue---数组非数字自定义排序

chenZH0975的博客

09-13

1017

若是遇到数组自定义排序或数组非数字自定义排序的，请忽略前面的步骤，直接看最后一步最后一步，就是写方法sortChange，而方法里的数组排序是用了sort和localeCompare来完成的在此，数组非数字排序可用localeCompare来解决

avue-crud 修改opction配置的值

m0_57364615的博客

08-23

783

前端 avue

自定义v-model事件

Pgy121的博客

09-08

3244

父组件 <template> <div class="home"> <p>{{name}}</p> <v-model v-model="name"></v-model> </div> </template> <script> import vModel from '@/components/HelloWorld' export default { name: 'home',

Unknown custom element:<avue-curd>-did you register the component correctly如何正确注册<avue-curd>

05-30

要正确注册 `<avue-curd>` 这个自定义组件，你需要在 Vue 组件中进行以下操作： 1. 在 Vue 组件中导入 `<avue-curd>` 组件，可以使用 `import` 语句： ``` import avueCurd from 'avue-plugin-ace/lib/avue-curd' ``` 2. 在 Vue 组件中注册 `<avue-curd>` 组件，可以使用 `components` 属性： ``` export default { name: 'MyComponent', components: { 'avue-curd': avueCurd } } ``` 或者使用 `Vue.component` 方法进行全局注册： ``` import Vue from 'vue' import avueCurd from 'avue-plugin-ace/lib/avue-curd' Vue.component('avue-curd', avueCurd) ``` 这样就可以在 Vue 模板中使用 `<avue-curd>` 组件了，例如： ``` <template> <div> <avue-curd></avue-curd> </div> </template> ``` 如果你已经按照上述步骤进行了注册，但仍然无法正常显示 `<avue-curd>` 组件，可以检查一下是否正确引入了相应的依赖库，并且确保依赖库的版本与你的代码兼容。