vue3 + ts 组件全局挂载

  • Post author:
  • Post category:vue

vue3 + ts 组件全局挂载 1. 生成组件 <template> <button class="m-button" :class="type"> <slot></slot> </button> </template> <script lang="ts"> import { defineComponent } …

继续阅读 vue3 + ts 组件全局挂载

vue介绍

  • Post author:
  • Post category:vue

什么是vuevue是一套用于构建用户界面的渐进式框架。 框架和库的区别 库是一种插件,是一种封装好的特定方法的集合。提供给开发者使用,控制器在使用者手里。 框架是一套架构,会基于自身特定向用户提供一套相当完整的解决方案,控制权在框架本身,使用者需要按照框架所规定的某种特定规范进行开发。 目前的流行前端框架 Angular Vue React流行的一些库jquery ,Zepto vue作为前端框架…

继续阅读 vue介绍

Vue及ElementUI中自定义指令实现判断文本内容超出显示省略号和el-tooltip提示,不超出则禁用el-tooltip

  • Post author:
  • Post category:vue

1. 产品需求 如果超出宽度则 显示省略号 并且hover tooltip提示 如果没有超出即没有展示省略号,则 不要tooltip提示 其实,产品的核心要求就是去掉不显示省略号的tooltip提示,因为它已经展示全了,提示就多余了 2. 分析 因为我这个项目很大,不算遍历的,可能全局有100多个个vue文件有el-tootip的文案提示,总计可能几百处需要修改的地方,所以想到了下面几个方法 Vu…

继续阅读 Vue及ElementUI中自定义指令实现判断文本内容超出显示省略号和el-tooltip提示,不超出则禁用el-tooltip

Vue3 vant组件库主题自定义

  • Post author:
  • Post category:vue

实现:使用css变量定制项目主题,和修改vant主题 定义和使用 css 变量 styles/index.scss /* 项目全局样式 现在浏览器都支持css原生变量 语法:1. 定义: --css变量名:css变量值 2. 使用: var(--变量名) 作用域: 1. 局部作用域 => .类型 { 在类名下定义的变量,只能在这个类名下使用} 元素在这里内名下才生效 2. 全局变量 =>…

继续阅读 Vue3 vant组件库主题自定义

Vue跨域访问后端接口问题解决

  • Post author:
  • Post category:vue

VUE访问接口的时候,很可能出现跨域请求,从而被提供接口的服务器拒绝,下面这篇文章主要给大家介绍了关于Vue如何解决跨域问题的相关资料,需要的朋友可以参考下 什么是跨域 跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。 这里列举一个经典的列子: #协议跨域 http://a.baidu.com访问https://a.baidu.co…

继续阅读 Vue跨域访问后端接口问题解决

vue中使用Ueditor编辑器

  • Post author:
  • Post category:vue

一、下载包: 官网地址: http://fex.baidu.com/ueditor/ git地址: https://github.com/fex-team/ueditor 打开下载后的文件,大致目录,不会有较大差别 二、编译下载文件 1、执行命令安装依赖: npm install 2、全局安装Grunt-cli: npm install -g grunt-cli 3、安装到本地: npm inst…

继续阅读 vue中使用Ueditor编辑器

VUE项目结构文件解析

  • Post author:
  • Post category:vue

一、VUE项目文件图解 二、项目文件具体解析 node_modules vue 项目的文件依赖存放在这个文件夹。存放npm命令下载的开发环境和生产环境的依赖包。 public public目录存放的是一些公用文件,比如初始创建时,public目录中有两个文件,一个是图标,一个是通用的错误页面:看index.html文件可以判断出,这是用于当浏览器不支持JavaScript脚本时的提示页面。 .br…

继续阅读 VUE项目结构文件解析

10.1 黑马Vue电商后台管理系统之完善订单管理模块–加入修改订单模块

  • Post author:
  • Post category:vue

效果如下: 实现如下: 1.我仍然保留了添加地址这一个对话框,但只是绑定在另一个按钮上面,而点击左侧第一个按钮就会跳转到“修改订单”模块 <template v-slot="scope"> <el-tooltip effect="dark" content="修改订单" placement="top" :enterable="false"> <el-button ty…

继续阅读 10.1 黑马Vue电商后台管理系统之完善订单管理模块–加入修改订单模块

Vue显示分页数据

  • Post author:
  • Post category:vue

@RestController @RequestMapping("/v1/question") @Slf4j public class QuestionController { @Autowired IQuestionService questionService; @GetMapping("/my") public R<PageInfo<Question>> my(Int…

继续阅读 Vue显示分页数据