Vue文章
文章平均质量分 59
M.LNG@li
这个作者很懒,什么都没留下…
展开
-
vue3+vite搭建项目应用
项目搭建原创 2022-10-13 12:11:40 · 3271 阅读 · 0 评论 -
千分位、两位小数的展示
千分位原创 2022-09-29 18:42:06 · 311 阅读 · 0 评论 -
rem适配,按需引入,proxy代理,api封装,组件封装
#rem适配1.安装插件$ npm install postcss-pxtorem --save-dev2.配置 package.json "postcss": { "plugins": { "autoprefixer": {}, "postcss-pxtorem": { "rootValue": 75, "propList": [ "*" ] } } }#按需引入1.原创 2020-08-05 13:22:51 · 253 阅读 · 0 评论 -
Vue中相同逻辑实现抽离
vue.mixin 用法 给组件每个生命周期,函数等都混入一些公共逻辑原理源码Vue.mixin = function (mixin: Object) { this.options = mergeOptions(this.options, mixin); // 将当前定义的属性合并到每个 组件中return this }核心export function mergeOptions ...原创 2020-04-24 12:21:23 · 1188 阅读 · 1 评论 -
vue模板实现原理
理解:将模板转化为ast语法树,语法树再通过generate(代码键)转化为render函数,通过watcher监测,当属性发生变化时会调用render函数生成VNode对象,vnode通过createElement方法生成虚拟dom,再通过path方法,DOM Diff算法渲染成真实的dom.function baseCompile ( template: string, options:...原创 2020-04-24 11:34:34 · 1592 阅读 · 0 评论 -
关于sockjs.js?9be2:1606 GET http://****/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI 错误解决方案
关于sockjs.js?9be2:1606 GET http://192.168.1.1:8080/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI错误解决方案概述:创建好项目后,用npm run serve运行项目时,运行后console控制台总报sockjs.js?9be2:1606 GET http://192.168.1.110:80...原创 2020-02-08 16:16:53 · 9064 阅读 · 5 评论 -
vue 设置Header验证token登录
1、cookies.js文件//设置cookie// export function setCookie ((_keyname, _value, _live) {export function setCookie (_keyname, _value) { // let d = new Date(); // d.setDate(d.getDate()+_live); ...原创 2019-10-31 16:03:03 · 3625 阅读 · 0 评论 -
vue 设置cookie,记住用户名、密码
一般如果登录频繁,想要记住用户名密码的话,可设置cookie,以下是登录方法与设置cookie,认真阅读哦,希望对你有帮助。1、先献上一个简单的页面<form class="form-signin" role="form" method="post" action=""> <div class="input-group" style="display: inline-...原创 2019-10-31 15:11:02 · 444 阅读 · 0 评论 -
vue api接口请求设置全局地址变量
1、创建全局文件Global.vue<script> //const serverSrc='http://200.200.0.1:8001'; //如果是本地调试运行状态请用这个地址 const serverSrc = '..'; //如果是打包时请用这个 export default { serverSrc }</script>2、全局...原创 2019-10-31 14:22:56 · 2278 阅读 · 0 评论 -
vue 前端MD5加密
md5加密MD5加密有多种方式,有后台加密也有前端加密,今天就来说一下关于vue前端页面的加密方法,其实vue前端加密方法很简单,如下:1.安装依赖npm install --save js-md52.在main.js引入import md5 from 'js-md5' //引入Vue.prototype.$md5 = md5; //定义全局变量3.页面或登录页面的使用 语...原创 2019-10-31 10:32:15 · 2038 阅读 · 0 评论 -
vue 时间日期的升降序
话不多说直接上图第一步:表头字段加升降序图标<thead> <tr> <th> <div> <span>预警时间 <i class="fa fa-angle-down" v-show="isShowA==false" @click="ShowA"></i&g...原创 2019-10-08 18:48:32 · 1899 阅读 · 0 评论 -
Vue webpace es6转es5 --解决白屏,ie8兼容性
vue项目在ie8下可能会出现白屏情况,原因:Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。可查看官网详情:https://cn.vuejs.org/v2/guide/installation.html#Vue-Devtools常见如图:解决方案:1.npm安装npm ...原创 2019-10-08 18:03:36 · 881 阅读 · 1 评论 -
vue创建项目(npm安装→初始化项目)
vue创建项目(npm安装→初始化项目)第一步npm安装首先:先从nodejs.org中下载nodejs官方下载地址:https://nodejs.org/en/图1下载完成后,双击安装,在安装界面一直Next直到Finish完成安装。打开控制命令行程序(CMD),检查是否正常依次执行命令,结果如下图node -vnpm -v使用淘宝NPM 镜像大家都知道国内直接...转载 2019-09-20 11:54:54 · 1217 阅读 · 0 评论 -
vue中判断table 里面type=checkbox的是否选中属性及使用方法
vue中判断table 里面type=checkbox的是否选中属性及使用方法 1、<thead> <tr class="data-order" data-order="id" data-sort="1"> <th class="order" data-order="&q原创 2019-08-04 18:15:18 · 5231 阅读 · 0 评论 -
windows环境下搭建vue环境
什么是npm、cnpm、bower?简单地说,就是帮你下载好你需要的css或者js库,而且三者功能也都是一样的。那为什么要下载这3个不同的呢?据说npm容易被墙……而cnpm是淘宝的镜像,所以通常用cnpm代替npm。至于bower,是因为bower更多地用于前端开发。但是因为它也是依赖于npm的,所以没有npm,就没法载bower……不知道说了那么多你懂了没,但是这不重要~你所需要做的就是分别...原创 2018-12-15 20:32:33 · 151 阅读 · 0 评论 -
vue 前端处理时间转换问题
vue 前端处理json格式的时间显示Date问题如json返回数据为:/Date(1373333344)/转换成正常的时间日期格式:2019-06-01 00:00:00主要解决方法步骤:一、项目下安装依赖(使用时间转换的插件moment):npm install moment --save二、在项目下找到main.js文件,写入:import moment from ‘moment...原创 2019-05-30 20:42:31 · 5428 阅读 · 2 评论 -
vue中自动生成表头再根据表头与内容对应填充动态生成表格的两个方法
1、 &amp;amp;amp;lt;thead&amp;amp;amp;gt; &amp;amp;amp;lt;tr&amp;amp;amp;gt; &amp;amp;amp;原创 2018-12-15 19:45:36 · 5196 阅读 · 0 评论 -
vue开发环境搭建
1.安装node.js(1)(下载:https://nodejs.org/en/download/,安装步骤:http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入:npm install -g cnpm --registry=https://registry.np...原创 2018-12-15 17:52:25 · 131 阅读 · 0 评论 -
vue-cli或vue项目利用HBuilder打包成移动端app
一、测试项目是否可以正确运行 指令:npm run dev1、首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目二、修改路径 (assetsPublicPath: ‘./’)1、 打开我们config中的js文件,修改assetsPublicPath的路径为"./"(下图的右下角位置)2、 检查下assetsRoot: path.resolve(__di...原创 2018-12-15 17:29:36 · 5900 阅读 · 1 评论