vue
山橘满月
世界本就浑浊,罪与爱同歌
展开
-
vue3 使用 websocket
vue3 使用 websocket原创 2022-08-13 09:06:21 · 3289 阅读 · 0 评论 -
vue3 tinymce富文本插件
vue3 tinymce富文本原创 2022-07-27 16:37:16 · 4754 阅读 · 0 评论 -
vue3 el-tree setCurrentKey 高亮
vue3 el-tree setCurrentKey 高亮原创 2022-07-23 15:33:06 · 1942 阅读 · 0 评论 -
vue3 对象数组 关键字高亮
vue3 对象数组 关键字高亮原创 2022-06-20 10:40:45 · 352 阅读 · 0 评论 -
vue3 路由多层嵌套 keepalive 不生效
vue3 路由多层嵌套 keepalive 不生效原创 2022-06-11 08:39:05 · 3807 阅读 · 6 评论 -
vue3 el-dialog 作为子组件父级控制其显示隐藏
vue3 el-dialog 子组件弹窗 父组件控制显隐原创 2022-06-09 09:11:30 · 4665 阅读 · 0 评论 -
vue 移动端监听页面滚动及跳转后返回原页面位置
百度了很多,但都是电脑端能用,手机端一点反应都没有。比如window.addEventListener....;document.documentElement.scrollTop....;等等,试了各种,就是不管用,终于找到了一个有用的。。。正解:!!!!!最外层盒子 绑定touchmove // 父盒子 -----最大的盒子<div @touchmove="handleTouchMove"> </div>js部分: mou..原创 2022-04-22 15:24:11 · 2564 阅读 · 0 评论 -
vue axios 封装
src 里面新建 api 文件夹,里面新建 三个文件1.request.js封装的axiosimport axios from 'axios'import { message } from 'ant-design-vue'import store from '@/store'import router from '@/router'const service = axios.create({ baseURL: '接口地址', // url = base api url原创 2021-10-29 14:58:42 · 142 阅读 · 0 评论 -
vue el-table 添加行手动填写数据
如图 点击添加行 就会出现table表中 空白的一行 让使用者自行填写页面: <el-button type="primary" class="add-btn" @click="addDemo" >添加行</el-button > <el-table :data="tableData" size="mini" stripe highlight-current-row ...转载 2021-07-09 09:26:35 · 4043 阅读 · 0 评论 -
vue-amap 使用高德原生JS API 绘制多边形 polygon
根据填写的经纬度显示成一片区域,那就是高德矢量图形的 api 咯,效果如图所示,为了测试随便写的经纬度,形状有点奇怪,嘻嘻~~~~多边形 折线 圆形 什么的 都可以。按需看高德api 即可 传送门:https://lbs.amap.com/api/javascript-api/guide/overlays/vector-overlay#polygon一、首先要有地图丫~ 用了 vue-amap ,它的官网有时候能打开 有时候打不开,看运气吧https://elemefe.githu...原创 2021-07-08 17:25:36 · 3226 阅读 · 1 评论 -
vue 拖拽排序 draggable
Sortable.js 的 vue 组件安装npm i -S vuedraggable页面 js:import draggable from "vuedraggable"components: { draggable },页面 html : <draggable class="syllable_ul" style="padding-left: 0; marg.转载 2021-07-08 17:24:44 · 403 阅读 · 0 评论 -
Treeselect unknown
一种是初始加载的时候 unknown ,比如新建的时候,需要走接口获取 treeselect 中的数据,下拉框会显示unknowndata里面 与之相关联的变量设为 null ,. 比如 我用 type 关联,那么data中的type 为:type:null,第二种是 有值 后面还有unknown,比如编辑的时候,从接口获取到了type的值,由于这种下拉选择是根据key来选择的,这里用 id 作为 key, 也就是从接口中获取到的 type 是 treeselect 中的某条数据的 id, 需...转载 2021-07-08 17:24:01 · 1686 阅读 · 0 评论 -
elementui table checkBox 多选 回显之前选择的内容
elementui table checkBox 多选表格 从列表进详情,看到该条信息之前选择的几项数据info() { // 这个是获取详情数据的接口 var a; this.get("/business/label/" + this.id).then((res) => { console.log(res); if (res.code == 200) { // 上图右边的数据列表 ...转载 2021-07-08 17:21:54 · 372 阅读 · 0 评论 -
element-ui table表格 表头图片
eleui 的el-table 表头有这种图片: <el-table-column width="100" :render-header="renderHeader" > </el-table-column>重点是 renderHeader在 methods 里写方法 methods: { renderHeader(h) { return ( <img src="xxxx"...原创 2021-07-08 17:20:10 · 333 阅读 · 0 评论 -
vue-element-admin 初体验(二)图片上传 以及 标准时间转成时间戳
一、 图片上传其实 EleUI 有现成的上传图片 / 头像 ,自己用还是要改一下。<el-upload class="avatar-uploader" action="uploadData" :http-request="UploadImage" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> <img v-if="i...原创 2021-07-08 17:16:30 · 473 阅读 · 0 评论