w3h5

Tag "vue" 相关内容 共3页,当前第3页

经验总结

Antd Vue Menu组件报错 'propsData' of undefined 的解决方法

Deshun 发布于 6个月前 (12-21)   阅读(1059)   评论(0)   赞 (0)  

使用 Ant Design for Vue 的 Menu 组件,引入并注册了,发现点击的时候,下拉菜单样式无法正常显示,控制台报错 TypeError: Cannot read property 'propsData' of undefined 。解决方法:引入 Menu 组件:import { Menu } from&n...

经验总结

Vue项目无法使用局域网IP直接访问的配置方法

3

Deshun 发布于 7个月前 (12-20)   阅读(610)   评论(0)   赞 (0)  

Vue项目无法使用局域网IP直接访问的配置方法

一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的,比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。需要配置一下,才可直接用局域网 IP 访问,方法如下:给 dev 添加--host 0.0.0.0 属性:"scripts": {  &nbs...

经验总结

如何去掉antd中Input、Textarea组件获取焦点时的蓝色边框

Deshun 发布于 7个月前 (12-18)   阅读(1406)   评论(0)   赞 (1)  

Ant Design 的 Input 输入框组件在获取焦点时会有蓝色的边框,尝试用 outline:none 去掉这个边框,但是发现不管用。最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。解决方法:通过CSS样式覆盖原始效果.ant-input:focus {    ...

经验总结

Vue项目中阻止返回,弹出提示框,包括安卓、iOS物理返回

Deshun 发布于 7个月前 (12-13)   阅读(859)   评论(0)   赞 (0)  

在一个移动端项目中,有一个需求,在未输入内容时点击返回(包括安卓、iOS等终端设备的物理返回按钮),弹窗提示,并且阻止返回上一个页面。比较反人类的一种操作,不过只要能想到的就没有代码做不到的,在网上找到一个解决方案:mounted() {   // 按需使用:在页面一进来的时候,添加一个历史记录   window.history.pu...

经验总结

vue项目如何实现返回上一页

Deshun 发布于 7个月前 (12-05)   阅读(610)   评论(0)   赞 (0)  

vue 返回上一页有两种方法:如果使用的是 vue-router ,this.$router.go(-1) 就可以回到上一页。 history.go(-1) 是回到浏览器上一页。但是由于 Vue 应用是单页应用,浏览器的访问历史未必和 Vue 的浏览历史相同。还有一点,就是使用 router 跳转的时候,Vue 不会重新加载 CSS 。比如从 A 页面跳到 B 页面,会沿用 A 页面中的 CSS...

经验总结

记Ant Design Vue Modal组件的使用及踩的坑

2

Deshun 发布于 7个月前 (11-24)   阅读(1899)   评论(0)   赞 (0)  

记Ant Design Vue Modal组件的使用及踩的坑

最近在使用 Vue 开发一个项目,前端框架用的 Ant Design ,Ant Design for React 已经比较成熟,兼容性和灵活性也比较高。但是 Ant Design for Vue 貌似还有点不那么完善。今天先整理一下 Modal 组件的使用及我开发过程中注意到的一些点。至于 Antd for Vue 存在的 Bug,后期整理到的时候在说吧。A...

HTML笔记

Ant Design Vue引入Form组件样式不显示的解决方法

2

Deshun 发布于 8个月前 (11-20)   阅读(1776)   评论(0)   赞 (0)  

Ant Design Vue引入Form组件样式不显示的解决方法

使用 vue-cli 安装 Ant Design Vue 的 Form 组件,发现不能用,组件样式不显示。此处省略了安装和初始化的步骤,需要的点击上方链接,直接在 Ant Design 官网查看教程。在 main.js 中全局引入:import { Form, Input, Select }&nbs...

经验总结

Vue CLI脚手架安装全过程及遇到的问题解决

3

Deshun 发布于 10个月前 (09-20)   阅读(1616)   评论(0)   赞 (0)  

Vue CLI脚手架安装全过程及遇到的问题解决

今天使用 Vue 官方的一个脚手架工具 Vue CLI 创建了一个项目,顺便把安装过程和遇到的问题整理了一下。效果如下图:首先介绍一下 Vue CLI 是什么?官方的介绍如下:Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-g...