vue
Zh.冠军
这个作者很懒,什么都没留下…
展开
-
【uniapp学习之】下拉刷新
下拉刷新。原创 2023-02-23 15:27:31 · 814 阅读 · 0 评论 -
【uniapp学习】 返回上一级页面并携带参数
【uniapp学习】 返回上一级页面并携带参数。原创 2023-02-21 14:50:45 · 96 阅读 · 0 评论 -
阿里图标库使用(Unicode)展示图标
阿里图标库原创 2023-02-21 09:55:19 · 689 阅读 · 0 评论 -
vue 阿里图标库的使用
vue 阿里图标原创 2023-02-20 14:16:35 · 420 阅读 · 0 评论 -
【uniApp学习之六】vuex
vuex原创 2022-10-28 11:36:30 · 548 阅读 · 0 评论 -
viser基础漏斗图
viser基础漏斗图原创 2022-10-13 14:25:43 · 350 阅读 · 0 评论 -
vue 将数组赋值给新数组, 改变新数组原数组发生变化
数组原创 2022-10-12 11:01:27 · 1251 阅读 · 0 评论 -
vue + element 列表 新增 查询 封装
vue + element 列表 新增 查询 封装。原创 2022-08-19 16:30:49 · 467 阅读 · 0 评论 -
vue +element 评价功能
vue element 评价功能。原创 2022-08-19 16:23:25 · 2267 阅读 · 0 评论 -
vue + element 实现主页面,主页面查询,新增模态框功能
vue + element 实现主页面,主页面查询,新增模态框功能。原创 2022-08-19 15:08:24 · 2146 阅读 · 0 评论 -
vue 页面页面赋值不显示,强制更新
vue页面强制更新 之$forceUpdate()原创 2022-08-02 16:34:23 · 755 阅读 · 0 评论 -
vue 子组件调用父组件的方法
子父组件调用方法原创 2022-08-02 16:06:00 · 259 阅读 · 0 评论 -
vue 点击按钮移动到指定位置--scrollIntoView()
scrollIntoView() 锚点原创 2022-06-20 11:34:50 · 2023 阅读 · 0 评论 -
vue 中一个函数中调用另一个函数
函数调用原创 2022-06-08 17:34:21 · 3206 阅读 · 0 评论 -
Tabs 页签右边添加附加操作
一、代码块 <a-tabs> <a-tab-pane key="1" tab="申请趋势"></a-tab-pane> <a-tab-pane key="2" tab="公开趋势"></a-tab-pane> <a-tab-pane key="3" tab="授权趋势"></a-tab-pane> <div slot="tabBarExtraConten原创 2022-05-19 09:34:16 · 1287 阅读 · 1 评论 -
ant design vue之a-range-picker 预设常用的日期范围
<a-range-picker format="YYYY-MM-DD" :placeholder="['开始日期', '结束日期']" allow-clear @change="bptjTimeChange" :ranges="ranges" v-model='pickerDefault' /> import moment from 'mo...原创 2022-05-17 10:35:00 · 3471 阅读 · 0 评论 -
Vue用Vue-ls本地存储
一、安装 cnpm install vue-ls --save二、main.js引入import Storage from 'vue-ls';var options = { namespace: 'vuejs__', // key键前缀 name: 'ls', // 命名Vue变量.[ls]或this.[$ls], storage: 'session', // 存储名称: session, local, memory};Vue.use(Storage, options);//使用v原创 2022-04-21 18:01:24 · 1303 阅读 · 0 评论 -
前后端分离登录功能实现的思路
思路: 首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成 token ,返回给前端; 前端拿到后端返回的 token ,存储在 localStroage 和 Vuex 里; 前端每次路由跳转,判断 localStroage 有无 token ,没有则跳转到登录页,有则请求获取用户信息,改变登录状态; 每次请求接口,在 Axios 请求头里携带 token; 后端接口判断请求头有无 token,没有或者 token 过期,返回401; 前端得到 40原创 2022-03-25 11:51:33 · 765 阅读 · 0 评论 -
jeecgboot 基础说明
参考地址1:主页面 路径:public\index.html解释:配置登录页的title.和登录加载过程出现的文字 2:前端页面整体布局 路径 :src\components\page\GlobalLayout.vue解释 :页面的菜单,头部,底部的整体布局是这个页面三个位置是以组件的形式引入整体布局页面 SideMenu, GlobalHeader, GlobalFooter。 3:页面嵌套形式 都是一组件的形式,一层一层往外嵌套的。 4:路由配置页面路径 \src\config\rout原创 2022-03-24 16:34:14 · 3066 阅读 · 0 评论 -
Vue 一个页面调用另一个页面的方法
当前页面引入另一个页面,并声明,触发basicInformation页面的fn方法 import BasicInformation from '../components/basicInformation' var content = BasicInformation methods(){ getValue(){ content.methods.fn() } }原创 2022-03-18 10:49:18 · 1706 阅读 · 0 评论 -
ant design vue table 固定列后出现空列
解决办法:给固定列添加宽度原创 2022-03-04 10:25:56 · 1455 阅读 · 0 评论 -
jeecgboot 默认主题设置
一、ant-design-vue-jeecg/src/components/tools/setting.js二、ant-design-vue-jeecg/vue.config.js三、ant-design-vue-jeecg/src/defaultSettings.js四、效果图原创 2022-02-28 17:37:39 · 1156 阅读 · 0 评论 -
vue 遍历循环鼠标移入移出事件
<div class="index_tableTitle clearfix" v-for="(item,index) in table_tit"> <div class="indexItem"> <span :title="item.name">{{item.name}}</span> <span class="mypor"> <i class="icon" @mouseenter="e...原创 2022-02-25 17:39:16 · 791 阅读 · 0 评论 -
js 批量下载文件
一、代码块 downloadFile(url){ const iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height = 0; // 防止影响页面 iframe.src = url; document.body.appendChild(iframe); // 这原创 2022-02-25 17:28:17 · 1145 阅读 · 3 评论 -
vuedraggable 实现拖拽功能
一、下载依赖 npm i -S vuedraggable二、代码块 <draggable group="people" :list="myArray" :disabled="!enabled" class="list-group" ghost-class="ghost" :move="checkMove" @start="drag=true" @end="drag=false"> <div class="list-group原创 2022-01-27 16:44:19 · 806 阅读 · 0 评论 -
form-create-designer插件搭建表单构建器 功能扩展
利用 codemirror 插件和 @form-create/designer 的API实现表单配置的导入导出功能一、下载插件// codemirror cnpm install vue-codemirror --save// JSON校验器插件 cnpm install jsonlint-mod --save二、mian.js引入插件 // 引入表单构建插件 import Vue from 'vue' import formCreate from '@form-create/elem原创 2022-01-26 14:01:24 · 1150 阅读 · 0 评论 -
Vue 使用form-create-designer插件搭建表单构建器
一、下载 cnpm install @form-create/designer --save cnpm install @form-create/element-ui --save二、引入main.js import formCreate1 from "@form-create/element-ui" import FcDesigner from '@form-create/designer' Vue.use(formCreate1) Vue.use(FcDesigner)三、.vue文原创 2022-01-26 10:22:09 · 2047 阅读 · 1 评论 -
jeecgboot 点击按钮跳转新的页面
一、路由配置:二、代码块 // 路由配置地址 /account/settings/base //路由配置地址 "/"变成"-" this.$router.push({ name:'account-settings-base' })原创 2022-01-25 17:59:35 · 4965 阅读 · 2 评论 -
vue 父子页面传参
一、父页面<edit @getLink="getMyLink" :objData="data" ref="dataSource"></edit><script> import edit from './edit.vue' export default { components: { edit }, data() { return { data:{name:'从列表页传参到编原创 2022-01-25 17:16:05 · 901 阅读 · 0 评论 -
form-create 动态生成表单时提交和重置按钮自定义
一、效果图:二、代码块:<template> <div> <!-- 使用 <form-create></form-create> 标签创建表单 --> <form-create v-model="fApi" :rule="rule" :option="option"></form-create> <!-- 自定义 确定和取消按钮 --> <a-button @click="su原创 2022-01-25 15:29:16 · 2117 阅读 · 1 评论 -
form-create 动态生成input blur事件
form-create动态生成input 失焦事件一、代码块 <form-create v-model="fApi" :rule="rule" :option="option" @input-field-blur="blur"></form-create> export default { data() { return { rule:[{ type: 'input', field: 'inputField', title原创 2022-01-21 16:14:00 · 576 阅读 · 0 评论 -
vue 中使用form-create 动态创建表单
form-create 和UI框架配合使用,目前支持3个常用的UI:ElementUI、Iview、Ant-design-vue以ant-design-vue为例form-create官网地址form-create表单生成器说明文档一、ant-design-vue 和form-create的安装 cnpm install ant-design-vue --save cnpm i @form-create/ant-design-vue二、在项目根目录src目录下的 main.js文件 中配置a原创 2022-01-21 16:02:31 · 2834 阅读 · 0 评论 -
vue 页面增加水印
一、引入watermark.js<template> <div class="about"> <h1>水印功能</h1> </div></template><script> import Watermark from '@/views/common/js/watermark'; export default { name: 'hello', data () { return {}原创 2021-12-23 10:53:28 · 177 阅读 · 0 评论 -
vue + echarts 以山西地图为例
一、安装依赖 cnpm install echarts@4.9.0 --save二、代码块<template> <div id="main" class="map" style="height: 800px;width: 500px;margin:0 auto;"></div></template><script> import echarts from 'echarts'; import mapJson from './原创 2021-12-16 19:03:45 · 928 阅读 · 0 评论 -
vue + screenfull 指定div进入全屏
代码块 <el-button type="primary" id="fullscreen_button" @click="click">进入全屏</el-button> <div id="container_max" style="color:red"> 我的div的内容,我要全屏展示 </div> mounted() { const element = document.getElementById('containe原创 2021-12-16 18:55:53 · 1336 阅读 · 2 评论 -
vue + screenfull 整个页面进入全屏
一、安装依赖 cnpm install screenfull@4.2.0 --save二、代码 <el-button type="primary" @click="click">进入全屏</el-button> click() { // 判断是否支持 if (!screenfull.enabled) { this.$message({ message: "不支持全屏", type: "warning"原创 2021-12-16 18:45:39 · 1398 阅读 · 0 评论 -
vue 3.0 使用axios
一、安装axios ,vue-axios 使用yarn: yarn add axios yarn add vue-axios 使用npm npm install axios npm install vue-axios二、在项目src文件夹建一个可以存放配置文件三、 config.js文件用来存放后端请求接口地址// config.js文件用来存放后端请求接口地址 export default { baseUrl: { dev: '/api' // 开发环境原创 2021-12-10 14:00:01 · 5988 阅读 · 0 评论 -
vue3.0 项目关闭eslint
手动创建项目或下载项目模板去除严格模式方法:全局搜索:extends,一般在package.json或者vue.config.js删除掉@vue/standard,重新启动项目就可以了。在package.json文件中,编译不允许有注释,所以需直接删掉...原创 2021-12-09 17:42:55 · 895 阅读 · 0 评论 -
vue 3.0 创建项目
1、vue create vue-demo2、此时会有两个选项,我们选择第二个自定义项目,回车可以看到有很多选项需要选择,通过上下箭头和空格选中需要的,一般来说选中下面这些就可以了3、选择回车后可以看到还需要我们配置一些内容,首先会询问是否选择 router的history模式(router有两种模式:history,hash,默认是hash模式),选择Y,4、因为我们在开始的时候选择了CSS Pre-processors,即css预处理器,所以这里还会让我们选择一种css预处理方式,这里习惯哪种原创 2021-12-09 16:57:48 · 259 阅读 · 0 评论 -
创建vue 3.0项目(以图形界面的方式)
一、用vue的UI界面来创建项目,需将vue升级到 3.0以上的版本。【下载vue最新版】npm i -g @vue/cli 或者 cnpm install -g @vue/cli【打开ui界面】vue ui二、创建项目注意:填写项目名(尽量小写,大写会自动转为小写),选择npm或其他包管理器。以创建vue 3.0的项目为例三、创建完成四、在编辑器打开项目五、项目目录:...原创 2021-12-08 18:08:05 · 539 阅读 · 0 评论