logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

关于element 中分页(el-pagination)的使用 -- 从后端获取数据实现分页效果

1. 首先在 data 中定义queryInfo 对象;pagenum :表示当前在第几页 ;pagesize : 表示每页显示几条数据total : 表示请求的总数据有几条2. 从后台获取数据;数据需要传入的参数为 this.querInfo ; 获取到的数据中需要包含总条数!3. :current-page :表示绑定的当前页数:page-sizes : 表示绑定的下拉框中可以显示的每页 几条

关于 element 中 Cascader (级联选择器) 的使用 --- 从后端获取数据渲染到级联选择器!~

3. v-model :表示被选中的参数(是一个数组);:options :表示 下拉框中显示的数据(从后端获取);expand-trigger :表示怎么触发,现在是移入触发选择器:props : 表示绑定的对象(这里需要和后端联系到一起)见右图!value : 表示 被选中上传的idlabel :表示 在选中框中看到的内容children: 表示的是后端数据库中子节点的对象名;chearabl

vue 自定义全局指令-v-drag ,弹窗拖动

1.首先在src目录下建立一个指令文件夹及文件2.进入drag.js,复制下面代码export const drag = {inserted(el) {let oDiv = el//左边距最大值let maxLeft = el.parentNode.clientWidth - el.clientWidth//上边距最大值let maxTop ...

文章图片
#vue.js#前端#javascript
vue2封装input 组件(输入的双向绑定)

重点首先我们要明白 vue中v-modle 的对于input 做了什么<input type="text" v-model="username"><input type="text" :value="username" @input="username = $event.target.value">以上的两行代码,所呈现的效果是一样的。也就是说: v-model=“user

#vue.js#elementui
vue项目优化之----通过externals 加载外部cdn 资源 ---vue-cli3 使用

1.为什么需要用引用外部CDN资源当我们使用 npm run build 打包我们的vue项目时,你会看到有一个vendor.js的文件,2.06MB!其实这个里面的js文件打包的都是我们install的element,lodash ,echarts 等外部文件!2.接下来我们就需要在vue.config.js中的发布模式中把这段代码黏贴过去3.把发布模式的main-prod.js文件中的css文

iconfont 图标如何在uniapp中的tabBar使用

iconfont 图标如何在uniapp中的tabBar使用

文章图片
到底了