关于vue中对象的props默认值的问题
摘要：apiConfig: { //配置 type: Object, default () { return { type: "11", url: "11", urlParams: {}, labelName: "11", valueName: "11" } } }, 如果以以上写法为对象设置默认值，会在
阅读全文
posted @ 2023-06-08 08:21
随笔分类 - vue
vue在自定义组件中使用v-model
摘要：示例： 组件中 <template> <!-- 自定义组件中使用v-mode指令 --> <input type="search" @input="changeInput" data-myValue=""> </template> <script> export default { name: 'C
阅读全文
posted @ 2023-06-08 08:15
关于动态渲染的组件watch监听不到传入的props的问题
摘要：watch: { propsTime: { handler (newValue, oldValue) { console.log('props', newValue) this.getOverviewData() }, // 这里增加了一个immediate属性，说明监听到props传参后立即先去执
阅读全文
posted @ 2023-05-29 10:47
vue中获取dom元素的集合的length不正确的问题
摘要：可以知道在mounted阶段，mounted 不会承诺所有的子组件也都一起被挂载，所以在此阶段，dom结构还没加载完，js就执行了。所以会打印出不正确的length属性。 解决方法： 1.$nextTick包裹循环获取dom的方法（亲测无效原因不明） 2.定时器延迟500毫秒后调用获取dom的方法，
阅读全文
posted @ 2022-12-29 13:37
vue for循环key值 Duplicate keys detected: '1'. This may cause an update error.key
摘要：报错原因：用到两个相同的for循环，而这两个for循环的key值是一样的。 关键代码： <div class="bg"> <div class="title" > <div class="showTitle" v-for="(item,index) in titleArr" :key="'index
阅读全文
posted @ 2022-11-18 09:05
Vue 数组中出现__ob__: Observer无法取值
摘要：问题说明 在开发项目中经常要从数据库中拿到数组然后复制给新的数组使用，但是会发现有时候会发现带有 __ob__: Observer 数组后缀的就是没有办法取到值，更可怕的是 console.log 却能看得到值。数组如下图所示： 解决问题那么针对这样的问题博客上基本上都是说要将数组转化成string
阅读全文
posted @ 2022-11-09 09:00
使用 Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
摘要：vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。 vuex劣势：在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。 vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可
阅读全文
posted @ 2022-10-24 11:12
vuex sessionStorage存储对象时会显示[object object]的问题
摘要：VUE如果直接使用window.sessionStorage.setItem和window.sessionStorage.getItem来进行存取对象的话，不能正常使用该对象，并且在Application的Session Storage中会显示[object object]。 解决方法：转换为jso
阅读全文
posted @ 2022-10-24 11:02
vuecli集成webpack时按需引入element plus
摘要：按官网流程 1.安装elementplus本体及npm包 npm i unplugin-vue-components unplugin-auto-import -D cli3+时 没有webpack.config.js或vue.config.js，新建一个vue.config.js文件 2.配置 v
阅读全文
posted @ 2022-05-24 18:00
关于初始化vue data数据
摘要：逐个赋值：麻烦，代码结构混乱 object.assign()——推荐 MDN关于该方法的介绍：Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 用法： Object.assign(target, ...sources) 第一个参数是目标
阅读全文
posted @ 2022-05-16 13:13
vue Provide/inject传值方法
摘要：简介: vue中父子页面可以使用props，emit进行传值，但在组件关系较为复杂时，这样的方法并不实用。 还有一种主要为高阶插件/组件库提供的用例办法，即provide/inject，这对选项需要一起使用。 使用的方法很简单，祖先节点使用provide注入数据，子级节点使用inject注入数据。并
阅读全文
posted @ 2022-05-04 09:52
vue3 ref和reactive的区别
摘要：基本定义： ref：用于定义基本类型数据； reactive：用于定义数组、对象、等引用类数据； 原理角度： ref通过 Object.defineProperty() 的 get 与 set 来实现响应式的（数据劫持），传入一个基本类型数据，返回一个基于该值的响应ref对象，该对象中的值一旦被改变
阅读全文
posted @ 2022-04-20 21:05
请求超时的处理——axios.defaults.timeout
摘要：axios.defaults.timeout的作用其实就是，请求时间超出设置时间后，如果没有请求成功就执行错误函数。 //全局设置超时时间 axios.defaults.timeout = 30000; //单独对请求设置网络超时 let timeout = parseInt(paramsTimeo
阅读全文
posted @ 2022-03-01 08:57
vue中嵌套外部网站样式
摘要：利用iframetop:导航栏的heightleft:左侧菜单栏的widthsrc:右侧页面要嵌入的外部网站 <template> <div> <iframe src="https://www.iconfont.cn/" id="mobsf" scrolling="no" frameborder="
阅读全文
posted @ 2022-02-24 15:15
vue2实现组件的双向绑定（组件props的双向绑定）
摘要：组件的prop双向绑定于vue2废除，vue2的prop只限于父->子的单向流动，不能修改外层传来的数据，如果需要得自己来实现。 实现方法步骤： 1.在组件内得data对象中创建一个props属性的副本 data: function () { return { myResult: this.resu
阅读全文
posted @ 2022-02-24 15:12
vuex的知识点
摘要：构成： 1.state： 自定义的变量，用来保存数据。 2.mutaions： 用来触发事件，相当于方法。通过触发这个方法，借此来保存数据。第二个参数为传入的值。 import Vue from "vue" import Vuex from "vuex" Vue.use(Vuex); export
阅读全文
posted @ 2022-02-21 14:55
vue路由hash和history模式的区别
摘要：1.hash:url中拼接#号，hash虽然出现在url中，但不会被带入http请求，对后端没有影响，改变hash不会重载页面 2.history，无#，美观，但刷新会请求服务器，如服务器没有相应的相应或者资源，会报出404
阅读全文
posted @ 2022-02-14 14:58
vue路由守卫的简介
摘要：分类1.全局路由守卫beforeEach(to, from, next) 全局前置守卫，路由跳转前触发beforeResolve(to, from, next) 全局解析守卫 在所有组件内守卫和异步路由组件被解析之后触发afterEach(to, from) 全局后置守卫，路由跳转完成后触发2.路由
阅读全文
posted @ 2022-02-14 14:28
uni 背景图拼接变量的方式
摘要：:style="[{backgroundImage:'url(' + imgUrl + 'static/index/Frame%201685@2x.png)' }]"
阅读全文
posted @ 2022-01-25 08:41
