vue-文章-Go语言中文社区

0推荐

507浏览

ant design vue中嵌套表格以及表格内部编辑的用法

实现效果：因为pro手脚架中封装的s-table不支持expand和expandedRowsChange事件，无法实现根据展开节点获取其内部数据的需求，因此直接使用a-table组件表格外层可以翻页，查询携带页码参数 <a-table size="default" rowKey="dict_id"//根据自己数据内部关键针设定 ref="table" @expandedRowsChange="expandedRowsChange" @expand="expand"//展开表格节点操作 @cha

0

0推荐

699浏览

antd vue 位置变动固钉消失_vue搭配antD-Vue开发项目(一)

1、yarnaddant-design-vue 2、yarnaddbabel-plugin-import 3、babel.config.js文件 module.exports={ presets:["@vue/app"], +plugins:[ +[ +"import", +{libraryName:"ant-design-vue",libraryDirectory:"es",style:"css"}//注意官网这里是style:true,这可能会导致报错。建议使用style:"css" +] +] };

0

0推荐

742浏览

antd vue修改分页_antd design table更改某行数据的样式操作

antdTable里面有一个rowClassName方法表格行的类名Function(record,index):string-->返回类型是String类型。例子： importstylessfrom'./component/record.css';--->引入css样式。 css: .csbsTypes{ font-family:微软雅黑,"OpenSans","宋体"; font-weight:bold; } 代码： title={()=> columns={R1columns}

0

0推荐

880浏览

antd vue 中使用表格加载动态数据

在api接口文件中写一个get请求方法 exportconstqueryWithBusinessNo=function(params:{businessNo:string}){ returnhelper.get("/business/queryWithBusinessNo",params); } 然后在写得页面中引入该方法，也可以直接写这个方法 import{queryWithBusinessNo}from"@/api/module/api-loan-business"; 然后把表格框架搭起来，这里

0

0推荐

754浏览

vue element 表格根据后台返回的数据来决定展示数据还是可操作的按钮

vueelement表格根据后台返回的数据来决定展示数据还是可操作的按钮

0

0推荐

788浏览

Vue根据接口返回值重新渲染页面

0

0推荐

878浏览

Ant Design Vue (1)表格组件数字转文字的处理

AntDesignVuetable组件中数字转文字的处理在处理后台返回的数据的时候，为了操作方便，后台会把类似于状态和性别定义为数字形式，前端拿到后台返回的数据之后需要对数据进行数字转文字的转化，但是对于antdv的table组件转换可以这样操作效果如下：代码如下： constColumn=[ { title:'民族', align:'center', dataIndex:'d6EthnicGroup', width:150, customRender:function(num){ varvalue

0

0推荐

848浏览

vue 递归组件的使用及组件间的数据传递

背景项目需求原型图如下可以添加/删除条件和条件组添加的条件组和父组件有相同的功能由此可以判断，这是一个递归组件的调用规划数据结构递归类型的数据结构，那么子和父的数据结构是一样的，那我们不难想到父里边带children数组，所以我们大概是这样的数据结构：letparent:{ id:1, ... children:[ { id:1, ... children:[ { id:1, children:[] } .... ] } .... ] } 这样的数据结构即是我们通

0

0推荐

1487浏览

vue运行后报错sockjs.js:1606 GET http://localhost:9528/sockjs-node/info?t=1578985745446 net::ERR_CONNECTIO

sockjs.js:1606GEThttp://localhost:9528/sockjs-node/info?t=1578985745446net::ERR_CONNECTION_REFUSEDvue项目本地运行后控制台报如上错，解决办法：依赖node_modules中打开sockjs-client->dist->sockjs.js1605行中注释代码。如下：

0

0推荐

693浏览

vuedraggable插件使用---小心得（欢迎广大网友补充）

1.最近有个需求是 a)左边菜单栏的菜单项拖动到右边的容器中; b)左边的菜单栏的内容不变 c)拖动的过程中默认的影子单元来模拟被拖动单元换成固定的图片综上，上网找了很多有关的vue拖拽组件，其中发现vuedraggable组件比较符合需求。 2.官网地址：https://www.npmjs.com/package/vuedraggable 发现功能确实强大，然后就着手开始啦。 3.左容器和右容器能相通拖动需要进行分组-----组

0

0推荐

550浏览

vue轮播图插件

自己写了一个vue轮播图插件，自己感觉还可以，但不怎么熟悉vue希望大神们能指出错误或不好的地方。效果： <template> <divclass="vuecarousel"> <divclass="contain" @mouseenter="stop" @mouseleave="start" :style="{width:imgWidth+'px',height:imgHeight+'px'}" //显示区域（图片）大小 > <ulclass="ul">

0

0推荐

559浏览

vue开发 vue-tutorial本地记事本

一、介绍、项目使用的知识：vuex+vue2.0+vue-router2.0+webpack2.0+es2015语法+h5本地存储localStorage 框架搭建：采用的是官方提供的脚手架vue-cli 命令vueinitwebpack vue-tutorial 代码解析：此项目css框架采用的是bootstrapvuex，所以在项目中需要引入bootstrap，npminstrallbootstrapvuex。 vuex是vue的全局状态管理，相当于一个仓库，目录结构一般是store.js,

0

0推荐

585浏览

vue嵌入react组件

vue中嵌入react组件，直接上图，下图为一个开源的jsoneditor组件，由react编写，在项目中需要集成到vue工程中，组件名称为jsonEditor.jsx 在需要引入的vue组件中引入， package.json文件需要引入的资源包 vuera reactreact-dom等等 .babelrc文件中需要修改的地方 vue-cli2.0生成的webpack-base-conf.js文件中需要修改的地方 main.js中需要引入和修改的代码

0

0推荐

535浏览

Vue(小码哥王洪元)笔记09vuex，单界面的状态管理，mutation，vuex的核心概念，单一状态树，getters,mutation,module的使用

1、什么是xuex 官方解释：vuex是一个专门为vue.js开发的状态管理模式vuex也集成到vue的官方调试工具devtoolsextiension，提供了诸如零配置的time-travel调试，状态快照导入导出等高级调试功能状态管理到底是什么？状态管理模式，集中式存储管理等，可以简单地将其看成把需要多个组件共享的变量全部存储在一个对象里面。然后将这个对象放在顶层的vue实例中，让其他组件可以使用。

0

0推荐

485浏览

Vue(小码哥王洪元)笔记03slot插槽的基本使用，封装的原则，插槽的默认值，具名插槽，编译的作用域，作用域插槽

1、slot插槽的基本使用插槽的作用是为了让组件更具有扩展性直接在组件模板需要的地方放入<slot></slot>标签对 <templateid="cpn"> <div> <div>我是组件</div> <slot></slot> </div> </template> 2、封装的原则抽取共性，保留个性，对个性的部分预留插槽slot 3、插槽的使用 <body> <

0