随笔分类 - vue
vue
摘要：在表格中，我们经常会对时间格式进行处理； 这个时候，我们就可以使用过滤器了。 过滤器是不会，改变原始值 {{ mess | dotime }} {{ mess | do2time }} mess: "2020-01-01 12:12:12", substring(包含起始位下标，不包含结束位下标)
阅读全文
摘要：最近遇见一个情况， 在methods:{}中的某个方法， 通过父组件去调用子组件的一个方法；this.$refs.xxx 打印出来的却是undefined？ 因为： 是如果在DOM结构中的某个DOM节点使用了v-if、或者v-for (即根据获得的后台数据来动态操作DOM，即响应式） 如何解决： 可
阅读全文
摘要：过滤器分全局过滤器和局部过滤器 <div id="app"> <p>电脑价格：{{price | addPriceIcon}}</p> </div> <script> let vm = new Vue({ el:"#app", data:{ price:200 }, filters:{ //处理函数
阅读全文
摘要：参考地址：http://www.gold404.cn/info/87 导致这个报错的原因就是eslint校验， 就是你当初在vue创建脚手架的时候选择了eslint校验； 后面你绝对会碰到这样的报错，毋庸置疑。 而这个报错信息也很简单，就是你定义了某个变量，但是你没有使用它。 eslint规范就是你
阅读全文
摘要：我们都知道，v-show的值是一个布尔类型的。 我通过这个值进行显示或者隐藏。 但是有些时候，这个值是true还是false，我们需要去进行计算 此时我们就可以使用v-show="XXX()" 通过XXX()这个方法来返回true或者false <div class="demo-div" v-sho
阅读全文
摘要：动态添加的类。你在声明周期中的mounted中是拿不到的。 是有在updata这个声明周期中才可以拿到的。 因为此时数据才跟新完成
阅读全文
摘要：``` --{{nick11}} `````````
阅读全文
摘要：=========================== 局部混入
阅读全文
摘要：第一种 传递一个数组 第二种 传递一个对象 其他的用法 基础的类型检查 ( 和 会通过任何类型验证)
阅读全文
摘要：``` //整个实例出来 配置路由守卫 const router = new Router({ //这里面是路由配置哈 }) router.beforeEach((to, from, next) => { if (to.path == "/login") { next(); } else { const token = localStorage.getItem("token"); if (toke
阅读全文
摘要：1组件命名驼峰 如myBread.vue（组件） 2引入时，接受同样是驼峰 import MyBread from "@/components/cuscom/myBread.vue"; Vue.component(MyBread.name, MyBread); //注册组件 3在使用时，横线
阅读全文
摘要：01== 重新写axios的插件 02 在main.js中去引入 在vue中@表示是src这个文件夹哦 按照上面这两步插件已经发呢改装好了哈。然后就是可以使用了。 下面是使用的方法
阅读全文
摘要：``` 向上 向下 {{ item.con }} ``` ``` ``` 
阅读全文
摘要：页面一加载就会让文本框获得焦点 当光标失去焦点后，文本框又会自动获得焦点 光标点击之后，仍然可以进行跳转 document.getElementById("input1").focus(); //获取焦点
阅读全文
摘要：<!-- 第一个过滤器 是msgFormt 第二个过滤器是test 第二个过滤器是可以连续的使用的哦 --> <div id="app"> <!--通过传递参数 可以随意的替换值--> <p>{{ msg | msgFormt("飞宇")|test }}</p> <!-- msgFormt是一个过滤
阅读全文
摘要：// 这是一个私有的指令 他是在vm这个实例对象里里面的 所以说是私有的 directives 多一个s // 在css中是font-Weight。在第二个字母的大写该为小写，去掉横线。 // 这中写法跟原生的jS控制css是一样的 //font-Weight:控制字体的粗细 100 200 300
阅读全文
摘要：在自定义指令的时候，和js行为有关的，最好就写在inserted中去，防止js代码不生效。和样似有关的操作放在bind中去Vue.direactive 【d儿 Rai K T V】 没有s哈 <body> <div id="app"> <input type="text" value="" v-co
阅读全文
摘要：<body> <div id="app"> <input type="text" value="" id="search"> </div> <script> var vm = new Vue({ el: "#app", data: { } }); // 原生自动获取焦点 document.getEl
阅读全文
摘要：<!-- 上传组件 --> <!-- 总结一下: action 写图片上传请求的路径 去路径哈 show-file-list就是当你上传时，是否会显示出上传的是哪一个图片，一般为false handleAvatarSuccess它是成功的回调 beforeAvatarUpload:上传之前做的一些事
阅读全文
摘要：需求 需求:除了拿到false,还要拿到v-for中的index 如何解决：再使用一次父传子，:a="index" 将下标值传递给子组件 注意要加引号 <experts @handlerchange="ChangeV" :a="index"></experts> 在html页面直接{{a}}就可以使
阅读全文
