vue实现图片预览的放大以及缩小(viewer.js)

  • Post author:
  • Post category:vue

vue实现图片预览的放大以及缩小--viewer.js viewer.js 在vue项目中如何使用viewer.js 注意: viewer.js viewer.js是一款开源的图片预览插件,功能十分强大: 支持移动设备触摸事件、响应式、放大/缩小、旋转(类似微博的图片旋转)、水平/垂直翻转、图片移动(拖拽)、全屏幻灯片模式(可做屏保)、缩略图 以及多种自定义事件 在vue项目中如何使用viewer…

继续阅读 vue实现图片预览的放大以及缩小(viewer.js)

记录学习IDEA的遇到的问题–关于IDEA无法下载vue.js插件问题

  • Post author:
  • Post category:vue

在使用IDEA2.4版本下载vue.js过程中出现无法下载问题。 问题描述:连接jetbrains插件网超时导致无法下载 解决方法:1.打开Settings--> Appearance & Behavior-->System settings-->HTTP Proxy 2.勾选Automatic proxy configuration URL 并输入相应的URL ,我百度…

继续阅读 记录学习IDEA的遇到的问题–关于IDEA无法下载vue.js插件问题

vue整合echarts图表动态赋值没有效果的问题解决方法

  • Post author:
  • Post category:vue

vue整合echarts图表动态赋值没有效果的问题解决方法 1.这个问题的主要原因是因为第一次渲染echarts图表时series中的data为[]所以没有效果 2.解决办法: 要对echarts进行二次渲染,在获取数据之后在渲染一次echarts图表就能显示效果 例如: init() { this.option = { color: ["#4e7ddf"], tooltip: { trigger…

继续阅读 vue整合echarts图表动态赋值没有效果的问题解决方法

解决vue运行报错 if (process.env.NODE_ENV === ‘production‘) 和 打包报错Error in plugin “gulp-shell“

  • Post author:
  • Post category:vue

启动的报错 <% if (process.env.NODE_ENV === 'production') { %> <% }else { %> <% } %> 打包的报错 throw new TypeError('Invalid Version: ' + version); ^ TypeError: Invalid Version: E:\�����ļ�\����…

继续阅读 解决vue运行报错 if (process.env.NODE_ENV === ‘production‘) 和 打包报错Error in plugin “gulp-shell“

vue之用户登录无操作一段时间后退出登录

  • Post author:
  • Post category:vue

资料 : https://segmentfault.com/q/1010000009701743 找这个用户的回答 <template> <div id="app" @click="isTimeOut"> <div id="main"> <router-view ></router-view> </div> </div&…

继续阅读 vue之用户登录无操作一段时间后退出登录

记录一下搭建electron-vue + element-ui + echarts项目的流程

  • Post author:
  • Post category:vue

创建electron-vue项目 前提:已经安装了Node.js,并通过npm安装了vue-cli脚手架 vue init simulatedgreg/electron-vue [项目名] electron-vue项目运行 安装外部依赖 npm install 解决插件问题( electron-vue ReferenceError process is not defined ) 找到 .elec…

继续阅读 记录一下搭建electron-vue + element-ui + echarts项目的流程

【Vue3源码学习】响应式api: computed

  • Post author:
  • Post category:vue

computed的基本使用 computed 是组件的计算属性,它的含义是依赖于其他状态而生成的状态,与响应式紧密相关。 computed 有两种创建方式: 给 computed 函数传递一个 getter 方法创建 immutable reactive ref object const count = ref(1) const plusOne = computed(() => count.…

继续阅读 【Vue3源码学习】响应式api: computed

Ant Design Vue 树形控件Tree实现拖拽功能

  • Post author:
  • Post category:vue

主要加入draggable拖拽属性和drop事件,支持拖拽 <a-tree v-model="checkedKeys4" checkStrictly :showLine="true" checkable @check="onCheckChange" :tree-data="treeData" draggable @drop="onDrop" > </a-tree> 具体dr…

继续阅读 Ant Design Vue 树形控件Tree实现拖拽功能

vue-i18n的入门使用

  • Post author:
  • Post category:vue

vue-i18n就是国际化应用,如果你想让你的软件支持多种语言,肯定需要用到,不过这里也是入门使用 1,安装 vue install vue-i18n 2,全局注入 Vue.use(VueI18n) 3,配置相关文件位置 这里messages部分就是你要用到的语言种类,分别引入地址,我这里存放在lang文件下的zhCHS 和en ,之所以是zhCHS是因为还有繁体,这里就展示中英文切换 const…

继续阅读 vue-i18n的入门使用

vue element-ui自定义表头,动态添加表头,新增行、新增列、删除行、删除列

  • Post author:
  • Post category:vue

vue element-ui表格怎样自定义表头,动态添加表头,新增行、新增列、删除行、删除列 需求描述 1.自定义表头,表头里插入输入框 2.默认初始化几行几列占位 3.新增行 4.新增列 5.右键点击行,进行删除行 6.右键点击表头,进行删除列 7.效果展示 8.所有代码总结 需求描述 根据项目需求,需要用户填写几行几列,表头自定义动态添加,用户可以手动新增行、新增列、删除行、删除列,怎么实现一…

继续阅读 vue element-ui自定义表头,动态添加表头,新增行、新增列、删除行、删除列