vue
文章平均质量分 54
hanmou77
这个作者很懒,什么都没留下…
展开
-
解决echarts中国地图南海岛屿为空的问题
const chinaJson = require("./china.json")ECharts.registerMap("china", chinaJson);原创 2021-01-04 15:39:44 · 774 阅读 · 0 评论 -
vue搜索关键字变色
// 替换匹配的文字contentSearch (value, array) {let arrayContent = array// 匹配关键字正则let replaceReg = new RegExp(value, 'g')// 高亮替换v-html值let replaceString = '<span class="search-text">' + valu...原创 2019-03-04 14:28:08 · 4776 阅读 · 0 评论 -
vue脚手架配插件
//配置SCSS第一步,npm install node-sass --save-devnpm install sass-loader --save-dev第二部,打开webpack.base.config.js在loaders里面加上{test: /\.scss$/,loaders: ["style", "css", "sass"]}第三部,在需要用到scss的地方写上<style lan...原创 2018-04-18 13:53:24 · 681 阅读 · 0 评论 -
vue webpack打包后.css文件里面的背景图片路径错误解决方法
资源相对引用路径问题描述一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。解决办法打开webpack.prod.conf.js找到output:增加 publicPath: './', 即可,如...转载 2018-09-07 15:14:22 · 806 阅读 · 0 评论 -
vue模拟锚点定位加动画
//模拟锚点跳转goAnchor(selector) { let anchor = this.$el.querySelector(selector); //document.documentElement.scrollTop = anchor.offsetTop; let total = anchor.offsetT...转载 2018-09-26 13:45:42 · 3921 阅读 · 0 评论 -
vue轮播图
//与轮播图相关 change (i) { this.mark = i }, autoPlay () { this.mark++; if (this.mark === 4) { //当遍历到最后一张图片置零 ...原创 2018-09-26 14:16:20 · 667 阅读 · 0 评论 -
vue 二级级联菜单
<ul class="sidebar-menu"><li v-for="(item,index) in items" :key="index"> <h2@click="showToggle(item,index)":class="item.isSubShow && isShow === index?原创 2018-09-26 16:46:02 · 2382 阅读 · 0 评论 -
vue 父组件向子组件动态传值
vue父组件向子组件传值vue实例创建动态监听父组件值后子组件再请求数据vue生命周期函数父组件向子组件传值,子组件只要使用props接收即可<style scope> .hide{ display:none; }</style>/*父组件*/<template><div class="parent">...转载 2018-10-11 13:52:32 · 7003 阅读 · 0 评论 -
关于vue的过滤器
平时我们在vue中使用过滤器时,在组件中定义的过滤器不能在其他组件中使用,所以要在每个组件中定义自己的filter,这样就会出现很多重复的代码,那有没有办法定义一个公用的filter,减少代码的重复呢?下面就给大家展示下使用最多且有效的方法吧!首先在公用js中定义一个通用的filter.js,如下图所示,记得一定要把代码整个export出来const vFilter={ numFil...转载 2018-10-18 17:18:20 · 454 阅读 · 0 评论 -
vue各种过滤
// 时间过滤formatTime = function (now, timestamp) {var date = new Date(timestamp)if (date.getFullYear() === now.getFullYear()) { if (date.getMonth() === now.getMonth()) { if (date.getDat...原创 2018-10-29 16:17:54 · 1265 阅读 · 0 评论 -
html5 postMessage解决跨域、跨窗口消息传递
一些麻烦事儿平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法,但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()...转载 2018-10-24 16:17:17 · 220 阅读 · 0 评论 -
VUE组件传值
父子组件传值:1.父组件中定义值2.在父组件中调用、注册、引用子组件调用:注册:引用:3.把父组件的值绑到子组件上 注意:但是注意要用v-bind:绑定要传的值,不用v-bind直接把值放到标签上,会被当成html的节点属性解析的。4.自组件内部接受父组件传过来的值:prop() 但是要有注意的点:子组件接受父组件的值分为———引用类...原创 2018-04-04 13:42:18 · 239 阅读 · 0 评论