Vue项目启动报错“error:0308010C:digital envelope routines::unsupported解决办法”
...
Vuex持久化插件(vuex-persistedstate)
在F5刷新页面后,vuex会重新更新state,所以,存储的数据会丢失。 vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做到数据持久化,也可以通过插件-vuex-persistedstate。 首先:我们需要安装一个vuex的插件 vuex-persistedstate 来支持vuex的状态持久化 在 src/store/index...
vue 数据绑定注意事项
今天在项目中遇到了一个问题 我在data中定义了一个空 groupDetail: { }对象 在回调函数中给这个groupDetail赋值,结构是这样的 在视图容器使用的时候我直接通过data.name去取,结果报错了 把data里的groupDetail改成这样就可以了...
vm.$nextTick( [callback] )
在项目开发中,经常会遇到这样的场景。通过ajax获取到数据后,我们要去渲染dom或者初始化列表使用的滚动插件。 当数据没有渲染完成,就去获取DOM节点,这样是获取不到的 参数:{Function} [callback] 用法:将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 一样,不同的是回调的 自动绑定到调用它的实例上。 示例:...
Vue子组件给父组件传值
子组件向父组件传值 1.在子组件中创建一个按钮,给按钮绑定一个点击事件 在响应该点击事件的函数中使用$emit来触发一个自定义事件,并传递一个参数 2.在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法 这是运行结果 [](https://kwydy.oss-cn-guangzhou.aliyuncs.com/blog/image-20211221224045410.png)...
vue获取ajax数据并动态渲染
实例...
vue props父组件向子组件传值
可以是数组或对象,用于接收来自父组件的数据。 可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测、自定义验证和设置默认值。 你可以基于对象的语法使用以下选项: type:可以是下列原生构造函数中的一种:String、Number、Boolean、Array、Object、Date、Function、Symbol、任何自定义构造函数、或上述内容组成的数组。会检查一个 prop ...
vue中slot插槽
我们在进行开发中,经常会使用到插槽 插槽允许我们在父组件引用子组件时,在组件其中放一段可以带标签的元素,甚至放入其他组件等 例如我这里定义一个组件 其中包含三个外部标签、、 我们在父页面外部引用时就可以这么写: 这样我们标签内的内容会根据指定的插槽名自动匹配上面的 注意,我这里使用的是新版,旧版已被废弃,但仍然可使用,感兴趣可以看官方文档 最后渲染出来的效果: 当然这里我每个插槽在组件内定义时都写...