随笔分类 - vue
vue
摘要：一个固定高度的div的子元素 在垂直 方向上平均分布 .important-dec{ height: 121px; flex-direction: column; display: flex; justify-content: space-between; } 动态计算元素的宽 除了支持 - 还有
阅读全文
摘要：图片是放在assets文件夹下的 使用require进行解决 图片不显示的原因 在webpack，将图片放在assets中,会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址， <el-table-column label="照片"> <template slo
阅读全文
摘要：<template> <div> <a href="javascript:void(0);" @change="addImage" class="a"> <input type="file" class="fileopen" />上传图片 </a> <img :src="imgsrc" alt cl
阅读全文
摘要：slot 是父组件与子组件的通信方式可以将父组件的内容显示在子组件当中或者说可以将 让你封装的组件变的更加的灵活，强壮！ 在子组件中 通过为多个slot进行命名。来接受父组件中的不同内容的数据 这就是命名插槽 插槽slot与slot之间不能有html元素 但是html可以把插槽包裹起来 所以插槽可以
阅读全文
摘要：slot 是父组件与子组件的通选方式可以将父组件的内容显示在子组件当中或者说可以将 让你封装的组件变的更加的灵活，强壮！ 组件 slot-exmple.vue <template> <div> <h1>我是组件</h1> <h2>我是组件中显示的内容</h2> <slot></slot> </div
阅读全文
摘要：2==解决vue2.0里面控制台包的一些语法错误。 https://www.jianshu.com/p/5e0a1541418b 在build==>webpack.base.conf.j下注释掉 ...(config.dev.useEslint ? [createLintingRule()] : [
阅读全文
摘要：assets文件夹与static文件夹的区别原地址==》https://www.cnblogs.com/x123811/p/9230700.html 相同点 >assets文件夹和static文件夹在vue-cli生成的项目中，都是用来存放静态资源的。不同点 >assets目录中的文件会被webpa
阅读全文
摘要：<el-header> 是用的容器布局属性中的数据
阅读全文
摘要：v-bind 结合 css样式 结合标签显示是否要显示出某个样式 <p :class="['bg','dx', {'lin':falg}]">{{ msg }}</p> <p :class="{bg:true, dx:true, lin:true}">{{ msg }}</p>这种不好 因为写死了
阅读全文
摘要：// 局部组件命名规范 1文件名大驼峰 MyLocalBtn.vue 2 使用的时候 将驼峰转化为横杠 <my-local-btn></my-local-btn> MyLocalBtn.vue局部组件 <template> <div> <div>我输局部组件 {{valuea}}</div> </d
阅读全文
摘要：Vue注册全局组件的步骤(1) 写组件 (2)定义组件的名称 和数据(3)在main.js中引入(4)Vue.component("my-bread", MyBread);注册 可以将上面的方式优化一下
阅读全文
摘要：$attrs/inheritAttrs可以实现组件的跨级传递 // 问题1 为什么this.$attrs可以得到主 传递过来的值 //$attrs 说明 // $attrs 可以很方便的做到属性透传，使用起来也比较简单，避免了多写 props 的痛苦。 // 当一个组件没有声明任何prop时候，at
阅读全文
摘要：解决办法 在项目目录下运行 npm i vue-router@3.0 -S 即可 如何在任何页面获取到url地址 然后切换项目的时候仍然在当前地址 console.log("当前页面的参数",this.$route.path); this.$router.push(this.$route.path)
阅读全文
摘要：computed可以监听v-model（data）中的值，只要值发生变化 他就会重新去计算 computed必须是要有一个返回值的哦 computed 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用； <div id="app"> <input type="text"
阅读全文
摘要：此时你设置后会发现屏幕的高度出现滚动条 那是因为body有8个外边距 设置margin：0就可以解决 watch可以区监听data中的数据，只要data中的数据发生变化 就可以执行watch中的函数了 watch也可以区调用methods中的方法
阅读全文
摘要：如何实时的获取你选中的值 只用@change件事 @change="changeProduct($event)" 动态传递参数 vue操作select获取option的ID值 如果select的v-model（value）与option绑定的value值一致。那么就会显示option中的值 {{it
阅读全文
摘要：后端代码 在后端的文件 routes文件夹下的connect.js文件中 // 引入mysql const mysql = require('mysql'); // 创建连接对象 const connection = mysql.createConnection({ host : 'localhos
阅读全文
