![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
冰夏之夜影
学无先后,达者为师
展开
-
Vue学堂 通过路径传递参数
Vue 通过router传递参数router.js跳转设置参数跳转到页面获取参数通过url后携带参数设置第二种设置方式获取参数通过json数据传递设置方式获取方式router.js跳转设置参数 { path: '/profile/:fcId', component: Profile}跳转到页面获取参数this.$route.params.fcId;通过url后携带参...原创 2019-11-25 22:37:12 · 783 阅读 · 0 评论 -
vue 中父子组件中传值的另一种方式:props
vue 中父子组件中数据的传递:propsvue中的另一种传值方式 propsvue中的另一种传值方式 props长话短说,看代码:首先我们在父页面中定义一个变量:export default { name: 'message', data () { return { param:1 } },之后就可以在子节点中使用父节点定义的参数:e...原创 2019-11-23 18:44:00 · 168 阅读 · 0 评论 -
vue属性介绍(一)ref 与$refs的互生关系
文章目录场景介绍实例介绍ref在实例中的应用$refs在实例中的应用重要提醒场景介绍当我们需要在js中获取某个节点的时候,我们一般会采用什么呢,js中可以是document.getelementById("dom"),jquery中可以是$("#dom"),那么vue中我们可以怎样快速获取指定节点的dom信息呢,我想说的是:ref为你而来。实例介绍在介绍实例之前,我们先来说一下ref 和$...原创 2019-11-10 23:04:51 · 247 阅读 · 0 评论 -
nginx配置解析客户端真实IP
起因自从前后端分离兴起之后,毫无疑问,nginx成为了前端服务器的首选,然而便捷的同时也产生了一些问题,比如客户端访问时需要nginx转发,但是后台获取时的客户端地址却是nginx的代理地址,由此,查找了下解决方案,在nginx中的nginx.conf中可以通过配置使显示客户端真实ip,具体操作如下:nginx配置解析客户端真实IPproxy_set_header X-Real-IP $r...原创 2019-09-30 15:20:53 · 537 阅读 · 0 评论 -
vue 不同组件之间参数的传递 -> Vuex
之前已经说了global和eventBus的使用,下面来说一下Vuex的使用,如有不妥之处,请指出,谢谢。1.安装vuex ,命令为:npm i vuex -S2.在创建store文件夹,在文件夹中创建js文件stores.js,如下:const stores = new Vuex.Store({ state: { count: 0 }, mutations...原创 2019-06-20 17:09:56 · 827 阅读 · 1 评论 -
vue 不同组件之间参数的传递 -> eventBus
以下是按照我的理解来使用的eventBus,如有不妥请留言,谢谢依然是通过eventBus来对不同组件之间的参数进行传递。直接上代码。首先在main中添加代码如下:Vue.prototype.$EventBus = new Vue()下面通过演示title值得读取和变更来说下eventBus的使用。通过代码更新数据。代码如下:this.$EventBus.$emit("...原创 2019-06-20 17:00:54 · 900 阅读 · 0 评论 -
vue 不同组件之间参数的传递 -> global
说说vue组件中参数的传递在开发中经常会用到不同之间组件数据的传递。下面说说怎么来通过自定义global 对vue中不同组件的数据传输。首先 在 assets 中创建js文件global.js ,内容如下:const base = { modelName:'wxyd'}//用户信息const userSite = { id:'222', userId:'2...原创 2019-06-20 16:53:46 · 670 阅读 · 0 评论 -
js中图片的base64处理
首先说一下哪些时候会用base64处理图片:1.特殊环境下不支持图片的直接引用。2.特殊环境下图片比例失衡。3.加载时图片必须显示。 在日常的开发环境下,这个功能并不常用,还是记录一下,或许用到了呢 先给个转换的地址:https://tool.css-js.com/base64.html 导入图片即可转换为data:image/png;base64,iVB......原创 2019-01-20 15:33:51 · 1472 阅读 · 0 评论 -
-ws-我的素材-json测试及格式化
通常大家对json的处理方式是这样:!--ws-json--[{"name":"设置","title":"爱我所爱","subhead":"恨我所恨","backcolor":"#CD9B1D","font-size":"30","font-family":"STXingk原创 2019-01-19 22:23:38 · 624 阅读 · 0 评论 -
js判断是否在iframe中
1.方式一if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中');}2.方式二if (window.frames.length != parent.frames.length) { alert('在iframe中');}3.方式三if (sel...转载 2018-10-19 16:29:01 · 1699 阅读 · 0 评论 -
输入框底色变成了黄色,用这段代码变成无色
style="-webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #CCC!important;"翻译 2018-08-31 16:08:55 · 1958 阅读 · 0 评论 -
springboot 中 thymeleaf 的使用
首先看一下目录结构:然后从pom配置开始:第一步:引用: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>截...原创 2018-05-14 12:10:29 · 417 阅读 · 0 评论 -
jquery对多个相同id的赋值
不闲聊,具体代码:HTML代码:js代码: $("div [id=aaa]").each(function(){ console.log(2); $(this).html("2"); }); 注:以上代码针对div标签内容生效,如果是输入框,请修改div为input后测试。原创 2017-07-11 10:46:44 · 15980 阅读 · 4 评论