![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qq_37672347
这个作者很懒,什么都没留下…
展开
-
动画css3 加购物车
https://blog.csdn.net/qq_38151401/article/details/88031634原创 2021-06-01 00:16:06 · 255 阅读 · 0 评论 -
解决npm run dev的时候会打开两个浏览器页签窗口的问题
需要修改两个文件第一个文件是vue.config.js文件中 将 open:true 注释掉 或者 设为 open: false第二个文件是package.json文件中 将 “dev”: “vue-cli-service serve” 修改为:“dev”: “vue-cli-service serve --open” 即后面加上 --open...原创 2021-04-07 10:35:39 · 654 阅读 · 0 评论 -
vue watch监听对象变化 方法
watch: { // 监听String array activeName(val) { const value = tabOptions.filter((item) => item.name === val)[0] this.$router.push(`${this.$route.path}?name=${val}&label=${value.label}`) }, // 监听Object 方法一 formData: { handler(val)原创 2020-07-14 17:01:02 · 325 阅读 · 0 评论 -
A-Z-1-9 自动增加 (生成4-2-2-2-2长度的代码)
// 4-2-2-2-2 后面两位到99 字母增加export const transformNumToLetter = (num) => { // 0-1044 数值 前35位 A-Z-1-9 const letters = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X原创 2020-06-23 19:12:59 · 159 阅读 · 0 评论 -
移动端拖拽实现
vue html <div id="moveDiv" class="drag" @mousedown="down()" @touchstart="down()" @mousemove="move()" @touchmove="move()" @mouseup="end()" ...原创 2020-04-30 09:45:00 · 375 阅读 · 0 评论 -
vue provide和inject使用 刷新页面
参考链接app.vue 祖先组件子组件原创 2020-04-15 19:56:28 · 286 阅读 · 0 评论 -
async 和 await 和箭头函数
import store from '@/store'import router from '@/router'async function logout() { await store.dispatch('user/logout') let autoLogin = false if (localStorage.loginInfo) { autoLogin = JSON....原创 2020-03-27 14:15:55 · 12197 阅读 · 0 评论 -
js 数组array通过某个元素的长度判断是否是同一级
效果展示图:方法一:说明:代码中的 this.$refs.treeAuth.getCheckedNodes() 是个数组// 判断只能选同级的var unitLength = 0var status = falsethis.$refs.treeAuth.getCheckedNodes().forEach((item, index) => { if (index === 0)...原创 2020-03-25 19:26:01 · 506 阅读 · 0 评论 -
Cordova+Vue+Vant-UI开发App指南
参考链接原创 2020-03-18 17:04:47 · 892 阅读 · 0 评论 -
在vue中 如何清除定时器
参考链接原创 2020-03-18 09:48:53 · 271 阅读 · 0 评论 -
v-show 判断显隐之后通过 query传参 之后 this.$router.go(-1) 失效
v-show 判断显隐之后通过 query传参 之后 this.$router.go(-1) 失效???解决方法:目前是使用 this.$router.push() 返回特定的页面希望有 其它更好方法 交流一下...原创 2020-01-03 09:42:25 · 475 阅读 · 0 评论 -
vue 在 v-html 的 html 字符串中绑定事件以及获取 v-html 渲染出来的元素
html<div id="father" @click="handleHtml($event)"> <div id="vhtml" v-html="content" /></div>js在v-html同级元素中使用事件绑定,然后根据事件触发的目标对象去判断和获取参数。handleHtml($event) { console.log($even...原创 2019-12-03 12:53:01 · 3059 阅读 · 0 评论 -
vue实现打印功能的两种方法
打印预览参考链接原创 2019-11-21 14:48:55 · 847 阅读 · 0 评论 -
vue中全屏screenfull.js的使用 (默认全屏显示 使用 .request() )
请记住,浏览器仅在由用户事件(如单击,触摸,按键)启动时才进入全屏显示。原创 2019-11-19 13:57:37 · 6131 阅读 · 4 评论 -
vue中嵌套的iframe中控制路由的跳转及传参 (从iframe的嵌入的页面中跳转(穿透)到vue router 路由中)
在iframe引入的页面中,通过事件触发的方式进行传递参数,其中data是一个标识符的作用,在main.js中通过data进行判断,params是要传递的参数//iframe向vue传递跳转路由的参数$('#serverIPanalysis').click(function(){ window.parent.postMessage({ data: 'haveparams', param...原创 2019-11-18 09:57:25 · 9847 阅读 · 0 评论 -
js 金额格式化 和 转成人民币大写金额形式
方法一let num = 3333num.toFixed(2).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,'$&,')// 3,333.00方法二:// 金额格式化 function formatNumber(number, pattern, bNoZero, nZeroLen) { bNoZero = (eval(bNoZero) !...原创 2019-11-15 13:05:21 · 287 阅读 · 0 评论 -
vue+elemenUI实现el-table-column行的上下移动
效果HTML代码 <el-table v-show="advancedStatus" :data="tableData" fit border highlight-current-row style="width: 100%;margin-top: 10px;"> <el-table-column label="列表" width="200"> ...原创 2019-11-14 19:44:01 · 365 阅读 · 0 评论 -
vue-cli引入bootstrap时候图标不显示
问题描述:vue-cli项目引入bootstrap的css的时候,样式都正常,但是发现图标无法正常显示,有些特殊字体也无法正常显示,F12查看提示找不到对应的字体文件,再具体一看,发现路径不对,多了static/css。解决办法:build->utils.js 文件中,找到 vue-style-loader,添加 publicPath:’…/…/’ 如下: // Extract C...原创 2019-11-12 15:49:12 · 525 阅读 · 0 评论 -
Vue 使用 beforeEach 实现登录状态检查
使用VueRouter的beforeEach钩子函数,可以实现导航跳转前检查登录状态的需求。1.在登录请求接口时返回用户的信息,比如token或者 userInfo:{userId:‘123’, userName:‘小明’},登录成功之后将token或userInfo存入store或sessionStorage中。2.使用beforeEach实现登录状态检查import router fro...原创 2019-11-08 10:25:09 · 567 阅读 · 1 评论 -
vue设置每个页面的title
第一种方式:(不支持)<div v-title data-title="机构详情"></div>第一种方式:1、在项目目录下安装vue-wechat-titlecnpm i vue-wechat-title --save2、在main.js中使用vue-wechat-titleimport VueWechatTitle from 'vue-wechat-ti...原创 2019-11-07 09:42:54 · 2021 阅读 · 0 评论 -
vue 中使用 provide 和inject 组件见传值通信(实现页面刷新)
第一步: 在最顶层 app.vue中 写入下图代码<template> <div id="app"> <router-view v-if="isRouterAlive"/> </div></template><script>export default { name: 'App', p...原创 2019-10-24 09:57:04 · 558 阅读 · 0 评论 -
vue 开发使用总结
参考链接:https://mp.weixin.qq.com/s?__biz=MzI2MDM1Mzg1MA==&mid=2247487639&idx=1&sn=85e1620692b48a2d48ccd5f86298d988&chksm=ea6baac2dd1c23d4f1ce18f9d74dc90715f7e9784db2ce63df2eb3feea874baa44...原创 2019-08-26 16:14:24 · 172 阅读 · 0 评论 -
jQuery/Vue/AngularJS有哪些区别和优缺点?
1、jQuery操作DOM的性能比较好,但是效率比较低2、开发效率和代码规范比较好总结:jQuery从后台返回的数据要渲染到前端上需要通过手动更新DOM,但是手动改DOM一般比MVC渲染的性能好。但开发效率和代码规范不如NG/ReactJS。...原创 2019-08-21 11:05:42 · 1808 阅读 · 0 评论 -
使用hbuilder打包vue成安卓,苹果安装包时设置状态栏沉浸
主要配置manifest.json里面的两个位置即可注意在配置的时候要选择代码视图进行配置,配置好了打包发布就可以了!修改1,在如下位置添加如下代码修改2,添加如何下属性:...原创 2019-08-21 10:05:16 · 176 阅读 · 0 评论 -
vue项目利用Hbuilder打包成APP(ios 和android)
一、android 打包好了,有个 apk文件,通过QQ或微信发到android手机,下载直接安装就可以了二、ios 打包好了,有个ipa 文件,需要下载一个 iTools 工具,把 .ipa文件拖到此应用市场中越狱包,验证失败,不知道如何解决1、使用测试的苹果证书打包参考链接:https://www.jianshu.com/p/665c1d67adde遇到的问题...原创 2019-08-20 18:00:36 · 4558 阅读 · 1 评论 -
vue 项目 src 项目目录结构
原创 2019-08-20 10:11:19 · 699 阅读 · 0 评论 -
Vue(踩坑)vue.esm.js?efeb:628 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of unde
1,项目报错:把数组定义下,把异步请求的数据赋给定义的变量数组原创 2019-08-02 17:07:14 · 8121 阅读 · 0 评论 -
正则 (手机号,座机, 密码8-16位字母与数字校验)
// 手机号和座机号校验checkTel = (rule, value, callback) => { console.log(value); if (!value) { callback('电话不能为空'); // 校验不通过 return false; } else { const isPhone = /^([0...原创 2019-06-21 17:36:00 · 4821 阅读 · 0 评论 -
vue中使用v-html 加载富文本
第一步:第二步:第三步:样式处理,比如图片注意事项:原创 2019-06-21 17:33:50 · 29103 阅读 · 34 评论 -
vue 中使用 echarts
安装引入npm install echarts --saveimport Echarts from 'echarts'环状图<div id="pieChart" class="chart-container"></div>.chart-container { border-radius: 4px; height: 400px; ...原创 2019-08-27 11:14:43 · 82 阅读 · 0 评论 -
vue + iview
https://www.iviewui.com/原创 2019-08-27 14:56:32 · 87 阅读 · 0 评论 -
vue-router 动态路由 key 报错
错误描述:解决办法:或者:原创 2019-10-08 10:51:04 · 566 阅读 · 0 评论 -
webpack 打包vue项目后生成一个可修改接口地址的配置文件(多环境部署)
一、方法一:二、方法二:参考链接:https://blog.csdn.net/qq_41409679/article/details/84878642原创 2019-10-08 09:33:56 · 753 阅读 · 0 评论 -
vue-router 动态路由(基于vue,vue-router, vuex以及addRoutes进行权限控制)
参考链接:https://www.cnblogs.com/zhengrunlin/p/8981017.html原创 2019-09-24 08:59:46 · 887 阅读 · 0 评论 -
vue-router 动态路由
1、错误描述:解决办法:给路由 routes 加入permission.js 状态管理2、关于vue-router动态添加路由$router.options不更新的解决办法昨天为了调试这个问题搞了很久,开发的后台菜单是遍历router.options,之前注册静态路由的时候router.options,之前注册静态路由的时候router.optio...原创 2019-09-19 16:29:13 · 245 阅读 · 0 评论 -
使用element -ui 遇到的坑
1,使用el-dialog 遮罩层把显示内容遮住了原因:Dialog的外层布局的position值为fixed,absolute,relative三者之一时,就会出现被蒙板遮住的情况。解决方法:参考链接:https://blog.csdn.net/solocoder/article/details/809365492、使用el-dialog时 表头title居中...原创 2019-09-29 08:46:45 · 714 阅读 · 0 评论 -
vue 使用遇到的坑
1,没有正确注册组件问题描述:vue.runtime.esm.js:619 [Vue warn]: Unknown custom element: <tags-view> - did you register the component correctly? For recursive components, make sure to provide the "name" ...原创 2019-09-11 09:38:30 · 1355 阅读 · 1 评论 -
vuex 使用遇到的坑
1,vuex 中的state的状态变量没有定义解决办法:在store文件下的index文件中引入,并实例化原创 2019-09-11 09:29:41 · 377 阅读 · 0 评论 -
vue和react的相同点和区别
一、相同点1、 都支持服务器端渲染2、 都有Virtual DOM(虚拟dom),组件化开发,都有‘props’的概念,这是properties的简写。props在组件中是一个特殊的属性,允许父组件往子组件传送数据,都实现webComponent规范3 、数据驱动视图4 、都有支持native的方案,React的React native、Vue的weex5 、构建工具React和Vue...原创 2019-08-21 11:42:20 · 2829 阅读 · 0 评论 -
按钮水平居中
button是一个行内块级元素display:inline-block;所以处理方式很简单,可以用以下两种方式:方式一:方式二:效果:原创 2019-06-21 10:41:42 · 1808 阅读 · 0 评论