vue
老古懂
这个作者很懒,什么都没留下…
展开
-
el-table数据变化更新页面表格
el-table表格数据变化,页面不更新问题转载 2022-09-05 11:23:55 · 10956 阅读 · 5 评论 -
vant ui省市区域选择van-area
van-area原创 2022-08-05 15:18:35 · 830 阅读 · 1 评论 -
锚点与页面滚动事件解决方案(H5、小程序)
锚点、页面滚动事件原创 2022-08-04 18:14:54 · 1271 阅读 · 0 评论 -
运行报错解决:To install it, you can run: npm install --save core-js/modules/es.error.cause.js
环境报错解决原创 2022-07-25 10:47:18 · 3179 阅读 · 1 评论 -
vue项目中引用md5加密
md5加密使用原创 2022-07-21 09:59:28 · 1433 阅读 · 0 评论 -
微信H5页面图片上传避坑指南(vant+vue)
微信h5图片上传问题解决原创 2022-07-13 17:34:24 · 2510 阅读 · 1 评论 -
vue自定义指令-图片懒加载
vue自定义图片懒加载原创 2022-06-09 15:49:47 · 501 阅读 · 0 评论 -
「VUE 3」 v-model 的使用变化
我们知道响应式数据是vue的一个特点,通过v-mold能够实现数据的实时响应,但是我们也应该清楚v-model 是语法糖,本质还是父子组件间的通信。其实质上还是通过 props,父组件给子组件传值再通过 Events up,子组件使用 $emit 触发事件将数据传回给父组件。vue2.x//父组件<child v-model="msg"></child>//子组件<template> <div> <input type="text"原创 2022-05-13 16:09:39 · 516 阅读 · 0 评论 -
filter、computed、watch区别及用法解析
watch与computed、filter:watch: 监控已有属性,一旦属性发生了改变就去自动调用对应的方法computed: 监控已有的属性,一旦属性的依赖发生了改变,就去自动调用对应的方法filter: js中为我们提供的一个方法,用来帮助我们对数据进行筛选1. 计算属性 computedcomputed比较适合对多个变量或者对象进行处理后返回一个结果值,当多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,计算属性是基于它们的响应式依赖进行缓存的//计算属性中的属性不需原创 2022-05-11 17:50:30 · 888 阅读 · 0 评论 -
slot插槽使用与运用场景浅析
在HTML中 slot 元素 ,作为 Web Components 技术套件的一部分,是Web组件内的一个占位符该占位符可以在后期使用自己的标记语言填充slot分类:1、默认插槽2、具名插槽3、作用域插槽默认插槽://子组件<template> <slot> <p>插槽后备的内容</p> </slot></template>//父组件<Child> <div&g原创 2022-05-10 14:03:55 · 1111 阅读 · 0 评论 -
vue组件间通信方法集
整理vue中8种常规的通信方案1、通过 props 传递2、通过 $emit 触发自定义事件3、使用 ref4、EventBus5、$parent 或$root6、attrs 与 listeners7、Provide 与 Inject8、Vuex1、通过 props 传递/*适用场景:父组件传递数据给子组件子组件设置props属性,定义接收父组件传递过来的参数父组件在使用子组件标签中通过字面量来传递值*///子组件props:{ // 字符串形式 name原创 2022-05-09 16:40:20 · 1534 阅读 · 0 评论 -
provide / Inject浅析
当我们需要从父组件向子组件传递数据时,我们使用 props。但是当面临一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果仍然将 prop 沿着组件链逐级传递下去,可能会很麻烦。对于这种情况,我们可以使用一对 provide 和 inject。无论组件层次结构有多深,父组件都可以作为其所有子组件的依赖提供者。这个特性有两个部分:父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这些数据。官方模型展示// 祖先组件data(){ r原创 2022-04-13 15:57:05 · 1280 阅读 · 0 评论 -
form-create(ElementUI)学习记录
安装CDN 引入直接在页面js引入<!-- import Vue.js --><script src="//vuejs.org/js/vue.min.js"></script><!-- import stylesheet --><link href="https://cdn.jsdelivr.net/npm/[email protected]/lib/theme-chalk/index.css" rel="stylesheet"><原创 2022-03-22 13:50:13 · 4578 阅读 · 0 评论 -
vue面试题整理(2022-持续更新中...)
自整理vue面试题原创 2022-03-11 18:27:09 · 91230 阅读 · 10 评论 -
Vue父子组件间传值方法集
props和$emit+事件父传子//父组件:<vue-child :title="父组件变量"></vue-child>// 子组件中:export default { props: { title: { type: String, default: 'hello world' } }}子传父//子组件:<div class="testCom"> <input type="text" v原创 2022-02-24 15:58:27 · 4209 阅读 · 3 评论 -
run dev与run serve有何区别
在运行一些项目的时候会出现有些项目run dev报错或者run dev时或报错,并且在之前面试的时候也有被那个面试官问道这个小问题的原因,针对这个错误我们可以看一下vue项目下的package.json文件,"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint"},实际上npm run xxx 中的 xxx 可以理解为s原创 2021-08-31 15:28:46 · 1923 阅读 · 0 评论 -
验证码倒计时、定时器编写
我们在移动端项目经常会碰到定时器的应用,在验证码获取,进入某个页面需要倒计时,或者进入页面开始计时,秒杀活动等,至于定时器的应用我今天就用这个比较简单的应用场景记录下。首先我定义的一个对象,里面设置了三个属性并给出初始值,当点击发送时disabled会被设为true值,当还没有经过规定时间点击按钮时会return返回,否则执行发送任务;sendCode(){ let that = this; let data={ msgType:'set_passwd', mob.原创 2021-07-14 10:44:19 · 281 阅读 · 0 评论 -
小程序与uniapp中弹出层引用与实现
小程序在小程序的开发中,对于商城类项目我们会经常遇到某一商品需要不同规格的展示和选择,根据规格和数量不同获取数据传递给后台,此次开发正是遇到了小程序和H5的区别因此作为学习总结记录;在小程序中我是直接造轮子写了一个组件,通过组件的调用来实现弹窗的效果,最后根据选定的数据传递过去生成订单;<view class="bottom-item"> <scroll-view scroll-y style="min-height: 220rpx;max-height:原创 2021-06-07 09:40:16 · 999 阅读 · 1 评论 -
js数字展示技巧
当我们在写一些含有价格或者数字尤其是浮点数的时候会出现需要整数部分加粗加黑一些样式,而小数点后面的小数部分则不需要这些样式,希望它能够没有整数部分那样显眼的样式;取整数部分我们很容易就能想到许多的取整函数,但是小数点后面的数字就一头雾水,为了解决这个问题自己也想了好一会儿,最后我采用了spli()方法,将接口的数字根据小数点分割成两个字符串,前一个为整数部分,后一个为小数部分,这样就能够将数字完整展现出来了,这个方法算是有点取巧,将num转换成了string,但是却很使用,因此在这记录下来that.fl原创 2021-04-12 17:43:58 · 327 阅读 · 0 评论 -
vue组件化案例_购物车结算页面
静态页面编写从上面的静态页面中可以看出如果将其组件化划分可以将其划分为表头、表单、结算栏;其中对于表单部分还可以细分为图片和计数删除功能组件;静态样式界面编写完成后对其进行组件化划分,随后填充内容,实现组件事件功能;组件化标题从以上代码可以看出我们将结算的购物车划分为三个局部组件,分别为标题头部的CartTitle、商品表单的CartList以及结算计数块CartTotal;其中标题部分我们可以设置一个用户名变量,使其动态变化。在三个组件之外设置一个购物车的父组件,将其作为唯一的组件标签原创 2020-11-18 00:57:59 · 658 阅读 · 0 评论