vue

vuex模块化

  • Post author:
  • Post category:vue

当项目包含多个模块，例如：登录模块，商品模块等，每个模块中都含有大量需要组件共享的状态，此时就要用到vuex的模块化管理了。 给项目安装vuex npm install vuex --save  等vuex安装完成，src文件夹下创建store文件夹，store文件夹下是index.js和login.js文件 //index.js import Vue from 'vue' import Vuex…

继续阅读 vuex模块化

vue-quill-editor 富文本编辑器上传视频

  • Post author:
  • Post category:vue

vue-quill-editor 富文本编辑器上传视频 插入视频设置工具栏中文标题 修改视频 `<iframe>` 标签为 `<video>`设置`video` 标签自定义属性 插入视频 富文本编辑器中插入视频思路：劫持原来的视频上传事件，然后，自定义上传组件将视频上传到服务器，服务器返回一个视频链接，再插入到富文本编辑器中。 封装富文本编辑器组件 quill.vue： &…

继续阅读 vue-quill-editor 富文本编辑器上传视频

vue3切换页面路由再返回swiper失效

  • Post author:
  • Post category:vue

vue3切换页面路由再返回swiper失效 问题描述：在vue3项目使用swiper插件时，进入页面swiper轮播图能正常运行，但是在切换了页面再返回有轮播的页面，轮播图就停留在第一张， 并且轮播进度指示点只有一个。 出现问题的代码 <div class="swiper-container swiper"> <div class="swiper-wrapper"> <…

继续阅读 vue3切换页面路由再返回swiper失效

springboot+VUE的session跨域

  • Post author:
  • Post category:vue

VUE const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, withCredentials: true, // session跨域打开 timeout: 3000 }) SpringBoot @Configuration public class WebConfig implements WebMvcConfi…

继续阅读 springboot+VUE的session跨域

vue3数据更新页面不更新

  • Post author:
  • Post category:vue

let obj = reactive({     id: 0,     name: '123' }) function setName(){     obj = {         id: 0,         name: '456'     }     console.log(obj)     //{id: 0, name: '456'} } 以上代码打印出的结果是正确的，视图依然是旧数据，个人…

继续阅读 vue3数据更新页面不更新

搭建Vue环境报错整理

  • Post author:
  • Post category:vue

目录 错1: 执行 cnpm install / npm install 报错如下 报错2:core-js 缺失问题 报错3: Connection was aborted, errno 10053 报错4:npm ERR! git@github.com: Permission denied (publickey) 错误5：Error: Cannot find module 'webpack' 问…

继续阅读 搭建Vue环境报错整理

vue-print-nb的使用与常见问题

  • Post author:
  • Post category:vue

vue-print-nb的使用 vue-print-nb网址 npm安装指令：©npm i(stall) -s(ave) vue-print-nb main.js中配置 import Print from 'vue-print-nb' Vue.use(Print); 挂载：触发元素添加v-print属性，值为id字符串v-print=”’#id名’”或对象（data return或直接写对象） 页…

继续阅读 vue-print-nb的使用与常见问题

vue中的插槽总结-默认插槽，具名插槽，作用域插槽

  • Post author:
  • Post category:vue

什么是插槽？ 插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制 1，默认插槽示例 父组件 <template> <div> 我是父组件 <slotOne1> <p style…

继续阅读 vue中的插槽总结-默认插槽，具名插槽，作用域插槽

vue实现输入框添加emoji

  • Post author:
  • Post category:vue

下载安装组件： npm install emoji-mart-vue --save 引用组件： import { Picker } from "emoji-mart-vue"; //引入组件 components : { Picker //注册组件，不要全局挂载 }； 页面中使用： <el-input id="myInput" type="textarea" v-model="content…

继续阅读 vue实现输入框添加emoji

jq animate()可以使用的属性_使用VUE一年后

  • Post author:
  • Post category:vue

从去年年底开始接触VUE，到现在已经整整一年了。这也是我接触的第一个MVVM的框架。在这之前，我也是长期执迷于JQ大法，在项目中尝试过一些常见的UI框架: MiniUI 这是一个很好用的框架，可惜收费较贵，排除这一点，肯定是JQ时代的首选EasyUI 用过一次，复杂的API设计让我败下阵来Bootstrap 上手快，文档详细，但交互上太弱LayUI 近几年新出来的框架，功能丰富，接口简洁，很值得一…

继续阅读 jq animate()可以使用的属性_使用VUE一年后