vue-js
Call_me_small_pure
吭哧吭哧吭哧
展开
-
JS 流文件压缩zip包下载到本地
将服务端返回的文件流压缩成zip包,下载到本地原创 2022-07-15 00:21:52 · 2004 阅读 · 1 评论 -
监听本地存储--实时更新数据
Vue.prototype.$setItem = function(key, newVal) { if (key === 'n_title') { // 创建一个StorageEvent事件 let newStorageEvent = document.createEvent('St...原创 2019-08-20 11:46:43 · 2340 阅读 · 0 评论 -
vue 用路由打开新窗口 _blank
let routeData = this.$router.resolve({path:'/home/fuwuDetail',query:{id:id}});window.open(routeData.href, '_blank');原创 2018-11-15 17:30:48 · 1687 阅读 · 0 评论 -
vue——动态路由以及地址传参
动态路由: 当我们很多个页面或者组件都要被很多次重复利用的时候,我们的路由都指向同一个组件,这时候从不同组件进入一个”共用”的组件,并且还要传参数,渲染不同的数据 这就要用到动态路由跟路由传参了! 1.首先 是路由的设置 比如我们进入详情页需要三个动态参数,在路由中做如下设置: // 路由懒加载 { path:'/detail/...原创 2018-07-05 14:28:19 · 3290 阅读 · 0 评论 -
关于vue的父子组件传值问题
创建三个vue组件——index.vue(父组件),son1.vue(子组件),son2.vue(子组件)在router文件设置好父组件路径(子组件不用设置路由); 父子组件之间的页面转换是不通过路由的 父组件传递数据给子组件使用,遇到业务逻辑操作时子组件触发父组件的自定义事件。this.$parent此方式并不属于数据的传递而是一种主动的查找。父组件并没有主动的传递数据给子组件,而是子组件通过原创 2018-04-09 17:56:23 · 983 阅读 · 0 评论 -
vue.js如何生成条形码
1.下载插件npm install @xkeshi/vue-barcode //下载条形码插件2.在main.js中引入插件import VueBarcode from '@xkeshi/vue-barcode'; //导入条形码插件ue.component('barcode', VueBarcode); //声明条形码组件<div class="printOrder" v-for="(v,k)原创 2018-03-26 09:39:43 · 3878 阅读 · 0 评论 -
vue.js如何连接打印机
<div class="dialogCare"> <span>hello word!</span> //要打印的内容</div><button @click="printBtn()">打 印</button> printBtn(){ let newstr = document.getElementsByClassName('dialogCare')[0].inn原创 2018-03-26 09:19:28 · 8294 阅读 · 1 评论 -
vue.js如何安装less、sass
前提:vue安装成功并是基于node环境1.安装less和less-loader : 命令:npm install less less-loader --save 2.配置less: 路径:build—webpack.base.conf.js添加{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader'}3.webs转载 2018-03-26 09:13:20 · 2909 阅读 · 0 评论 -
vue-cli脚手架搭建Vue.js项目
1———–全局安装vue-cli 用shell或者cmd进入项目根目录,执行下面的命令npm install -g vue-cli2————创建一个基于 webpack 模板的新项目vue init webpack projectName3————运行初始化命令 Project name (my-project) # 项目名称(我的项目) Project descrip...原创 2018-03-17 10:30:36 · 303 阅读 · 0 评论 -
element-ui如何进行升级升级
升级element-ui需要先卸载原先的版本,在cmd中输入 npm unstall element-ui 然后重新安装element-ui npm i element-ui -S 最后在main.js中把default修改为theme-chalk原创 2018-01-08 14:37:58 · 16384 阅读 · 2 评论 -
vue 每次渲染完页面后div的滚动条保持在最底部
//每次页面渲染完之后滚动条在最底部updated:function(){ this.$nextTick(function(){ var div = document.getElementById('dialogue_box'); div.scrollTop = div.scrollHeight; }) }//第一次页面渲染完之后滚动条在原创 2017-12-25 14:31:02 · 15990 阅读 · 10 评论 -
vue--当从后台加载的图片出错时显示默认的图片
<img id="showimg" v-bind:src='userSrc' @load="success" @error="error" >JS:function error() { list.userSrc="../img/userInfo/tuceng3.png";}原创 2017-10-25 15:46:14 · 2903 阅读 · 0 评论 -
关于使用vue 的resource插件用post请求数据时一直是options的解决方案
请求参数,中加上对象:{"emulateJSON":true}即可解决 this.$http.post(url,data,{"emulateJSON":true}).then(function (res) { console.log(res); },function (err) {原创 2017-10-25 14:52:54 · 2655 阅读 · 0 评论