![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
blueBings
努力的小吗喽。
展开
-
vue WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2
我直接升级到1.33.0 版本就可以了。网上找到的例子并没有解决我的问题,我的版本是低于1.33.0的。原创 2022-12-09 17:00:15 · 686 阅读 · 0 评论 -
el-date-picker 类型为 datetime,禁用当天之前的时间
el-date-picker 类型为 datetime,禁用当天之前的时间原创 2022-06-22 16:22:55 · 1168 阅读 · 0 评论 -
vue 项目中使用 JSX 以及 $createElement 使用方式
$createElement转载 2022-06-21 10:48:04 · 2492 阅读 · 1 评论 -
js正则表达式清除html标签中的class属性,去除html标签,替换内容
js正则表达式清除html标签中的class属性,去除html标签原创 2022-06-08 18:00:01 · 2367 阅读 · 1 评论 -
elementui select 可异步搜索可选择可输入
可输入后异步搜索可输入自定义内容<div > <el-select v-model="editForm.mcc" clearable filterable remote reserve-keyword placeholder="请选择" class="ele-block" :remote-method="addRemoteMccName" :loading="loading" @clear="addRemoteMccName"原创 2022-05-12 14:40:41 · 817 阅读 · 1 评论 -
vue使用vantUI框架字体适配字体过小问题
1.安装需要的依赖amfe-flexiblepostcss-pxtoremnpm install amfe-flexible --savenpm install postcss-pxtorem -D2.main.js引入import 'amfe-flexible'3.postcss.config.js引入rootValue值 根据你自己的图做适配,做判断主要是实现vant组件与自己css里的px保持一致// module.exports = {// plugin原创 2021-08-09 14:44:17 · 1747 阅读 · 0 评论 -
element-UI 左侧菜单栏保持刷新后还是选中状态
刷原创 2021-06-10 23:18:41 · 1001 阅读 · 0 评论 -
vue2.X使用watch监听对象
废话不多说,直接上代码对比变量与对象用watch监听的区别<script> export default { name: 'home', data() { return { name:"", user:{ name:"张三" } }; }, mounted() { }, compute原创 2021-03-21 16:36:55 · 1622 阅读 · 0 评论 -
vue的刷新页面方式
window.location.reload(),是原生JS提供的方法,this.$router.go(0):是vue路由里面的一种方法,这两种方法都可以达到页面刷新的目的,简单粗暴,但是用户体验不好,相当于按F5刷新页面,会有短暂的白屏,相当于页面的重新载入。控制<router-view></router-view>的显示与否,在全局组件注册一个方法,该方法控制router-view的显示与否,在子组件调用即可APP.vue页面<template>转载 2021-03-17 11:17:47 · 620 阅读 · 0 评论 -
vue2.x使用mock.js 实现模拟数据
现实就是前端确认需求后,无法与后端及时对应联调接口或者调用接口,再这个过程中前端会非常痛苦,只能自己模拟数据,比如data.json 。虽然能用但是这种操作加大了我们的工作量,那么我们使用mock 会更加方便本例子是 vue-cli 脚手架已经搭建好后的安装axiosnpm install vue-axios --savenpm install qs.js --save //这一步可以先忽略,它的作用是能把json格式的直接转成data所需的格式首先安装mockjsmock.js原创 2021-03-08 18:39:11 · 2975 阅读 · 2 评论 -
vue 页面之间的传值交互方式
第一种传参 name 与 结合使用params ,传参时需要配置路由第二种传参 path 与 query结合使用 ,区别:query更加类似于我们ajax中get传参,params则类似于post,说的再简单一点,前者在浏览器地址栏中显示参数,后者则不显示1.传值方式//第一种seeDetail(oid){ this.$router.push({name:"orderDetails",params:{id:oid}});}//第二种seeDetail(...原创 2021-02-25 18:06:51 · 2020 阅读 · 0 评论 -
解决vue 直接图片引入报错问题
废话少说了,直接上代码<div class="login_title"> <img :src="logo" class="mk_logo" /></div>//方法1.直接将图片引入为模块require imageSrc from "../assets/logo.jpg"//方法2.把图片放在数据中 export default { name: 'HelloWorld', data () { return { ..转载 2021-01-08 17:48:50 · 2353 阅读 · 0 评论 -
js如何判断设备是移动端还是pc端
由于最近要写一个vue项目,同时适配移动端和pc端。考虑到一些功能在移动端和pc端需要使用不同的插件来实现,所以需要进行判断。assets > js目录下新建一个isPhone.js:function isPhone() { let mobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|A...原创 2019-07-04 11:29:11 · 3892 阅读 · 0 评论 -
vue路径问题
转载地址:https://www.e-learn.cn/content/qita/792964原创 2019-07-03 16:23:43 · 347 阅读 · 0 评论 -
手把手教你用vue-cli2搭建vue项目,elementUI框架。
本篇主要是利用vue-cli来搭建vue项目脚手架,其中前提是node.js和npm( 或cnpm )已经安装好。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来,文章中的步骤能让你更有顺序的搭建,所以其中的一些步骤说法为了表达正确会进行一定参考。1.打开cmd ,安装vue-cli,敲入命令:npm install --global vue-cli(–global:全局...原创 2019-06-27 10:12:00 · 3466 阅读 · 0 评论 -
vue 导航菜单刷新状态不消失,显示对应的路由界面
使用vue element-ui框架构建公共导航栏(https://element.eleme.cn/#/zh-CN/component/menu)按F5刷新就会返回默认定义的路由,使用 "$route.path" 刷新后还是在最新的一个路由:<el-menu :default-active="$route.path"></el-menu>...原创 2019-06-10 17:16:18 · 5983 阅读 · 4 评论 -
vue之axios请求数据本地json
1.下载插件npm install axios --save2.下载vue-axiosnpm install --save axios vue-axios3.在main.js下引用axiosimport Vue from 'vue'import axios from 'axios'import VueAxios from 'vue-axios'Vue.use(Vu...原创 2019-06-19 10:35:05 · 2325 阅读 · 0 评论