vue
女程序媛的修炼笔记
一直修炼,持续升级,打败内心懒惰的小怪兽
展开
-
Vue——父组件跳转子路由后当前导航active样式消失问题
效果图如下:实现方法如下:一级路由(personal.vue):<template> <div id="app"> <div> <h4 class="routerStyle"> <router-link to="/personal/personalwork"><span>作品管理</span></router-link> <router-link原创 2020-07-07 12:06:02 · 2020 阅读 · 1 评论 -
vue的v-for遍历渲染列表单独控制显示隐藏
效果图如下所示:先抛出代码给急用的童鞋参考:知识点有两个:v-for遍历渲染图片控制显示和隐藏(不用看css)鼠标悬浮图片出现灰膜 (css控制)注意:只放了css的重要代码 <section class="feature-area section-padding"> <div class="container"> <h2>图文教程</h2> <div class="row">原创 2020-05-28 11:46:56 · 2580 阅读 · 3 评论 -
vue组件通信的方式总结
一.父子组件之间的通信(props/emit)1.父组件向子组件传值步骤总结:在父组件中注册子组件父组件的template中使用子组件标签,并在子组件标签中添加自定义属性,把要传给子组件的值赋给这个属性在子组件中使用props来接收这个属性及传来的值父组件:子组件:2.子组件向父组件传值步骤总结:在子组件中绑定一个点击事件在响应该点击事件的函数中使用emit,将传给...原创 2020-03-11 16:48:27 · 195 阅读 · 0 评论 -
vue中媒体查询不起效原因总结
vue中 用less或scss都可以使用媒体查询不生效无非以下几种错误,若还有,欢迎在下方评论补充错误一:在html结构文件里必须引入代码<meta name="viewport" content="user-scalable=0,width=device-width, initial-scale=1.0">width=device-width 是指可视化宽度initial-...原创 2020-01-06 11:19:23 · 7026 阅读 · 1 评论 -
使用vue-resource
使用vue-resource注意事项:下载并导入vue-resource(将挂载一个this.$http这个属性)它依赖于vue,要先导入vue再导入vue-resource// 基于全局Vue对象使用httpVue.http.get('/someUrl', [options]).then(successCallback, errorCallback);Vue.http.post(...原创 2019-09-24 14:27:11 · 162 阅读 · 0 评论