![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
anne都
相遇即是上上签
展开
-
elementUI 表格多行上移下移、单行移动、拖拽移动(行,列)
elementUI 表格多行上移下移、单行移动、拖拽移动(行,列)原创 2023-02-07 15:59:36 · 5911 阅读 · 1 评论 -
前端导出csv中文乱码问题
前端导出csv中文乱码问题原创 2022-11-28 15:10:48 · 704 阅读 · 0 评论 -
vue3语法糖基本使用
vue3语法糖基本使用转载 2022-09-01 10:04:25 · 231 阅读 · 0 评论 -
导出excel换行问题,一个单元格多张图片问题,数组对象去重处理,计算属性传参
导出excel换行问题,一个单元格多张图片问题,数组对象去重处理,计算属性传参原创 2022-08-24 17:05:12 · 1001 阅读 · 6 评论 -
vue 修改浏览器标签页图标
vue 修改浏览器标签页图标原创 2022-08-17 16:28:25 · 936 阅读 · 0 评论 -
uniapp movable-view表格缩放过程想保持容器高度不变的解决办法
uniapp movable-view表格缩放过程想保持容器高度不变的解决办法原创 2022-07-27 11:13:31 · 520 阅读 · 0 评论 -
uniapp 改写uni-data-picker级联选择器(带搜索和多选)新增列出选择和删除功能
uniapp 改写uni-data-picker级联选择器(带搜索和多选)新增列出选择和删除功能原创 2022-07-09 14:08:57 · 19420 阅读 · 24 评论 -
uniapp开发过程中笔记问题总结
一,uniapp 弹窗字数过长换行解决二:父组件无法触发子组件中的事件可能原因是三,父组件异步传值给子组件,子组件接收不到的时候解决办法四、 父组件传值给子组件时,父组件更改值,子组件不会渲染时候 使用watch监听五、uniapp 打包apk获取证书六、vue报错之Duplicate keys detected: '0'. This may cause an update error.......原创 2022-07-08 15:41:16 · 1124 阅读 · 0 评论 -
map 重构数组获取数组对象中某一字段组成新数组或者更改属性名字段返回新数组
一,取数组对象的某一字段属性组成新数组二:取数组对象的某些字段属性重命名并组成新数组原创 2022-07-06 13:24:58 · 4065 阅读 · 0 评论 -
el-table动态添加行,列。自定义输入表头,input hover 显示文字
1,动态添加行2,动态添加列3,右键表头删除列4,右键表体删除行5,表格hover提示当前单元格文字,自动换行6,表头文字自定义7,表头,添加按钮固定,表体自适应滚动效果图:原创 2022-06-21 10:44:08 · 4367 阅读 · 7 评论 -
uniapp 微信小程序 ui-table 表头固定,可缩放,实现
uni-table表头固定,可缩放效果用到的组件:使用uniapp内置组件 movable-view和movable-area实现表格缩放使用uni-table 实现表格渲染(自带多选,没有头固定功能)。可是我想偷懒,并且现在情况就是我不偷懒尝试去实现......原创 2022-06-09 14:48:07 · 10712 阅读 · 17 评论 -
uniapp,微信小程序之json数据导出excel xlsx
//json数据转xlsx json2xls(XMLSheets,header){ console.log(XMLSheets) console.log(header) //XMLSheets 为Json数组, Header为字符串数组 // excel 头部 var XMLString = ` <?xml version="1.0" encoding="UTF-8"?> <?mso-ap原创 2022-05-27 16:50:57 · 1126 阅读 · 0 评论 -
uniapp api请求接口 封装
1,写一个公共的api.jslet baseURL = 'http://443548ef.cpolar.cn/';//公共api地址。示范export const myRequest = (options) => { return new Promise((resolve, reject) => { uni.request({ url: baseURL + options.url, //接口地址:前缀+方法中传入的地址 method: options.method || '原创 2022-05-27 16:41:00 · 3576 阅读 · 5 评论 -
vue结合elementui导出单个sheet的xlsx 或多个sheet的xlsx
1.先安装依赖xlsx和 file-savernpm install --save xlsx file-saver2.在需要的组件内引入import FileSaver from "file-saver";import XLSX from "xlsx"如果提示xlsx 引入不到, "export ‘default’ (imported as ‘XLSX’) was not foundin ‘xlsx’请使用import * as XLSX from 'xlsx'3,导出单个s原创 2022-03-11 10:56:56 · 1820 阅读 · 0 评论 -
vuex实现项目中登录状态的管理
工具:chorme浏览器安装Vue.js devtools方便调试登录场景:页面的导航处或其他地方有时会显示用户现在的登录状态,状态可分为:未登录,正在登录(loading),登录成功并显示用户名。有些页面是不需要登录就可以让用户浏览的,但是有些页面必须登录才可以进入浏览。实践:场景1思考与实践用vuex创建一个数据仓库//src目录下新建一个store目录,创建index.js如下//创建数据仓库import Vuex from 'vuex';import vue from 'vue转载 2022-01-14 16:38:26 · 1763 阅读 · 2 评论 -
vue GenerateRoutes 动态路由的实现
概述在vue中通过动态的赋予router,可以很方便的实现多角色页面权限管理。request获取路由数据import { Routes } from '@/router';import { getRouters } from '@/api/getRouters';import Layout from '@/views/Layout';const permission = { state: { routes: [], addRoutes: [] }, mutation转载 2022-01-14 16:15:44 · 1028 阅读 · 0 评论 -
VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘) 说明
最近因为**next()**遇到了不少问题,在这里记录一下首先是路由守卫,是不是感觉简简单单beforeEach((to, from, next) => { to // 要去的路由 from // 当前路由 next() // 放行的意思} 但是在看别的项目时常常能看到next(’/logon’) 、 next(to) 或者 next({ …to, replace: true }) 这又是啥意思呢其实在路由守卫中,只有next()是放行,其他的诸如:next(’/logon’) 、转载 2022-01-14 16:02:16 · 8470 阅读 · 7 评论 -
vue if else条件渲染 input框会复用的bug
问题:当用户名输入框中输入内容的时候,切换显示邮箱输入框时候,vue会复用用户名的输入框,加上key值解决<div v-if="isShow"> 用户名<input key = "userName"/></div><div v-else> 邮箱<input key = "email"/></div>...原创 2020-11-13 16:42:16 · 135 阅读 · 0 评论 -
vue 中的样式绑定(class和style 的对象和数组形式)
1,class的对象绑定<div :class="{actived:isActive}"></div>//actived这个类是否加载取决于isActive这个变量的true还是false2,class和数组绑定,数组里可以有多个变量,变量代表类名<div :class="[actived]"></div>//类名取决于actived这个变量是什么3,内联样式(对象形式)<div id="app" :style="styleObj">原创 2020-11-13 16:19:28 · 1526 阅读 · 0 评论 -
vue 的表单绑定修饰符,lazy number trim
lazy,失去焦点时才改变value值(提高表单填写性能) <div> <input v-model.lazy = "value"> {{value}}//默认输入框输入数字时实时更新value,加上lazy后失去焦点更新数据</div><script> var vm =new Vue({ el:"#root", data:{ value:'' } })</scri原创 2020-11-13 10:45:21 · 166 阅读 · 0 评论 -
vue 中的事件绑定修饰符详解
<div id="root"> //普通点击事件可获取事件对象 <div @click="handleclick">button</div> //普通点击事件不可获取事件对象 <div @click="handleclick1()">button</div> //普通点击事件可获取事件对象 <div @click="handleclick2($event)">button</div> //阻止表单默认提交.原创 2020-11-13 09:53:26 · 328 阅读 · 0 评论 -
动态组件和v-once指令使用例子详解
动态组件<div id="root"> <component :is="type"></component>//动态组件 <button @click="change">切换组件</button></div><script> var vm =new Vue({ el:"#root", data:{ type:'child-one' }原创 2020-11-12 15:28:41 · 137 阅读 · 0 评论 -
vue中匿名插槽,具名插槽和作用域插槽例子
使用场景子组件中要直接展示父组件传递过来的dom内容匿名插槽和具名插槽<div id="root"> <body-content>//子组件 <div class="header" slot="header">header</div>//需要向子组件传递的Dom <div class="footer" slot="footer">footer</div>//需要向子组件传递的Dom原创 2020-11-10 14:58:23 · 311 阅读 · 0 评论 -
总线机制bus来解决非父子组件之间的传值
实现点击dell,下面的li变成dell,点击li,上面的dell变成li<div id="root"> <child content="dell"></child> <child content="li"></child></div><script> Vue.prototype.bus = new Vue() //vue的prototype上挂载bus 属性。每一个组件都会有bus这个属性原创 2020-11-10 10:17:42 · 135 阅读 · 0 评论 -
vue 给组件绑定自定义事件无效之加上native绑定原生事件
1,给组件绑定自定义事件,点click没反应<div id="root"> <child @click="handleClick"></child>//组件上进行的事件的绑定是自定义事件,监听自定义事件</div><script> var vm =new Vue({ el:"#root", methods:{ handleClick:function(){原创 2020-11-10 09:44:27 · 553 阅读 · 2 评论 -
vue 父子组件间的数据传递和组件参数校验,非props特性
1,父组件给子组件传值通过属性的方式,子组件通过props//父组件<div id="root"> <counter count="1"></counter>//不加冒号传递的是字符串 <counter :count="1"></counter>//加冒号传递的是数字,因为后面冒号里面变成js表达式了</div>//子组件var counter = { props:['count'], te原创 2020-11-09 16:21:22 · 317 阅读 · 0 评论 -
vue 组件使用的细节点(is,ref,data)
一,is 属性解决模板标签出现的bug问题例如<table> <tbody> <row></row> </tbody></table>vue.component('row',{template:'<tr><td>this is a row</td></tr>'})//这样会控制台会出错,tr没有显示在tbody里面,因为在html5的规范里面,table里原创 2020-11-06 14:33:10 · 685 阅读 · 0 评论 -
vuex使用之详解过程到优化
概念:vuex是一个专门为vue.js应用程序开发的状态管理模式采用集中式存储管理应用的所有组件的状态,以相应的规则保证状态以一种可预测的方式发生变化组件与组件之间的关系变成了组建跟仓库之间的关系)。使用场景:购物车的数据共享,登入注册使用方法:1,安装vuex:npm install vuex --save2,src目录下创建一个store文件夹,=>index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(V原创 2020-11-05 14:05:58 · 453 阅读 · 0 评论