vue

vue项目第五天

  • Post author:
  • Post category:vue

历史记录组件触发 连带menu组件路由同步 修改菜单 默认激活的路由。 历史记录路由如果当前路由在最后一个位置，删除则自动向前移位。 解决第一个小bug，点击tab高亮之后路由不跳 点击最后一个tab删除，修改了menuid，同步路由跳转 点击删除将tab删空，让导航跳转到系统首页 分析项目路由界面的结构 三部分组成 1.form表单 2.table表格数据 3.数据分页 封装form表单组件 （…

继续阅读 vue项目第五天

Vue elementui 实现表格selection的默认勾选

  • Post author:
  • Post category:vue

需求：弹出一个选择框，表格有勾选框，数据填充后，某些行设置默认勾选。 如下图： 数据填充后默认是不勾选的，如果要勾选某些行，通过 toggleRowSelection this.$refs.zttable.toggleRowSelection(this.ZHUANTIList[i]); vue中dom和数据是绑定的，通过修改数据就能够实现对视图的修改，但是视图（dom）的更新是异步的，并不是修改了…

继续阅读 Vue elementui 实现表格selection的默认勾选

vue中的静态资源打包

  • Post author:
  • Post category:vue

打包命令，执行打包命令成功后会有生成一个dist目录。 npm run build 在开发环境下，要想使用静态资源，应该在打包静态资源后将静态资源放入dist文件下然后通过dist文件夹取即可。 版权声明：本文为weixin_43919497原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/weixin_439…

继续阅读 vue中的静态资源打包

Vue-components封装组件

  • Post author:
  • Post category:vue

目录 1、Input 输入框 2、Table 表格 3、Tree 树形控件 4、Pagination 分页 5、Dialog 对话框 6、ECharts 图表 7、wangEditor 富文本编辑器 整理一下自己在 Vue2 项目中常用到的一些封装组件 ： 大部分是结合 element-ui 组件库 进行的二次封装 ： 饿了么组件库  => Element - The world's mos…

继续阅读 Vue-components封装组件

vue使用socktJs

  • Post author:
  • Post category:vue

在vue中使用SockJS实现webSocket通信 原文 1、简单介绍 基于webSocket通信的库主要有 socket.io，SockJS，这次用的是 SockJS。 2、前提 这里我们使用sockjs-client、stomjs这两个模块，要实现webSocket通信，需要后台配合，也使用相应的模块。 sockjs-client sockjs-client是从SockJS中分离出来的用于客…

继续阅读 vue使用socktJs

国产化中间件TongWeb部署Vue项目(最全)

  • Post author:
  • Post category:vue

国产化中间件TongWeb部署Vue项目 安装TongWeb中间件 免安装直接文件夹安装 bin文件安装 打包Vue项目 绑定域名访问 安装TongWeb中间件 官网 : 点我 可以试用,这里如果没有授权文件安装都安装不了,所以可以去官网申请试用 cd / mkdir /software 将下载好的压缩包或者安装文件放入这个文件夹 这里我会分两种方法 : 1 免安装直接文件夹 2. bin文件安装…

继续阅读 国产化中间件TongWeb部署Vue项目(最全)

Vue解析markdown，并将其展示到页面(代码高亮 + 显示代码行号)

  • Post author:
  • Post category:vue

Vue解析markdown，并将其展示到页面(代码高亮 + 显示代码行号)，具体步骤如下： 安装依赖 在vue项目下打开命令窗口，并输入以下命令： // marked 用于将markdown转换成html npm install -g marked // 用于代码高亮显示 npm install highlight.js // 代码行号显示插件 npm install highlightjs-li…

继续阅读 Vue解析markdown，并将其展示到页面(代码高亮 + 显示代码行号)

Vue3的7种和Vue2的12种组件通信，值得收藏

  • Post author:
  • Post category:vue

本文原文首发掘金：https://juejin.cn/post/6999687348120190983 如有不对的或者遗漏的，欢迎指正，你的一赞一评都是我前行最大的动力，感谢 Vue2.x组件通信12种方式写在后面了，先来 Vue3 的 奥力给！ Vue3 组件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex Vu…

继续阅读 Vue3的7种和Vue2的12种组件通信，值得收藏

js获取cookie获取不到问题 vue获取cookie以及获取不到问题

  • Post author:
  • Post category:vue

1.下载依赖包 npm i js-cookie -S 2.在使用cookie的页面上进行引入 import Cookies from 'js-cookie' 3.使用 创建一个在整个网站上有效的Cookie Cookies.set('name', 'value'); 创建一个从现在起7天后过期的cookie，在整个站点上有效： Cookies.set('name', 'value', { expi…

继续阅读 js获取cookie获取不到问题 vue获取cookie以及获取不到问题