vue踩坑系列
龙雨LongYu12
一专注于开发得码农
展开
-
Vue2 数据响应原理图(根据自己的理解画)
途中分三步走:一、数据在 Vue 实例化中,会调用 Observer 进行递归,将 Data 中的所有数据中的所有属性(深层次)中的 getter 和 setter 属性方法进行改写,并且每层父对象都有一个 Dep 实例(下面使用 dep 来代替),来存储父对象的属性被使用后产生的依赖(又叫订阅者)。二、在组件上使用其中的一个属性,这里假如使用了属性 a ,这时候Vue实例会实例化一个 Watcher, 实例化时会将该实例赋给 Dep.target (target不理解的话,请看:https...原创 2022-04-27 16:59:30 · 1733 阅读 · 1 评论 -
vue-cli4 vue2.0配置less
"less": "^4.1.0","less-loader": "^7.2.1",一定用这两个版本,否则使用vue-cli 创建的项目无法使用lessnpm i [email protected] [email protected] main.js引入import less from 'less'Vue.use(less)这样在其他地方就能使用了原创 2021-11-26 10:24:14 · 845 阅读 · 0 评论 -
AVUE——CRUD如何设置表单操作栏的宽度
在export const tableOption = { editBtn: false, addBtn: true,}中使用menuWidth来调节如:结果原创 2021-04-21 10:18:44 · 6803 阅读 · 2 评论 -
Vue2中使用Echarts(一)配置,全局能使用使用
$ npm install echarts vue-echarts要在 Vue 2 下使用vue-echarts,需要确保@vue/composition-api已经安装:npm i -D @vue/composition-apimain.jsimport ECharts from 'vue-echarts'import { THEME_KEY } from "vue-echarts";Vue.config.productionTip = falseimport { use...原创 2021-03-30 17:18:21 · 1675 阅读 · 1 评论 -
vue中修改swiper的分页器样式(当前引用的组件有效) 在原来的基础上修改分页器样式
// 分页器pagination: { el: ".swiper-pagination2", // clickable设置为true时,点击分页器的指示点分页器会控制Swiper切换 clickable :true, //修改分页器样式 , bulletClass : 'my-swiper-pagination-bullet', //激活样式 bulletActiveClass: 'my-bullet-active',},<style type="t...原创 2021-03-18 11:19:48 · 1345 阅读 · 0 评论 -
Vue项目打包后,点击router报Uncaught SyntaxError: Unexpected token ‘<‘
解决方法在未打包前的index.html文件种<head></head>之间添加 <base href="/" />完美解决问题原创 2021-03-17 15:53:34 · 447 阅读 · 0 评论 -
vue踩坑:写在app.vue中组件如何根据在不同页面显示还是隐藏
在组件文件内的最外层标签条件 v-show/v-if = "show"data(){ return { // 默认关闭是为了点开页面是不闪烁 show: false; }}, created() { if (this.$route.name==='Home') this.main_swiper = true }, watch: { // 如果路由有变化,会再次执行该方法 "$route": "f原创 2021-03-05 17:19:11 · 955 阅读 · 0 评论 -
vue v-for中绑定事件无效
我是因为在样式中加入了z-index:-1所以点击样式无效但是z-index:1是有效的原创 2021-03-04 16:37:28 · 564 阅读 · 2 评论 -
vue。js回车触发事件
在需要触发的标签上加上@keyup.enter="search()"其中 search() 是出发时间原创 2021-02-22 14:42:54 · 377 阅读 · 0 评论 -
打包问题-vue-cli4打包后打开index显示空白页
在配置文件中加入publicPath: process.env.NODE_ENV === 'production'没有配置文件就新建一个:vue.config.js加入下面代码就okmodule.exports = { devServer: { disableHostCheck: true, }, publicPath: process.env.NODE_ENV === 'production' ? './' .原创 2021-02-21 23:22:38 · 508 阅读 · 0 评论 -
【vue踩坑系列01】 [Vue warn]: Error in render: “TypeError: Cannot read property ‘videoPost
报错原因我包这种错的原因因为在数据请求的是一步请求,而且数据在标签中是二级(三级)的<img :src="newVideoList[0].videoPostUrl" alt="">请求时在渲染之后的,所以这时候数据为空,不存在,报错,至于之前没有判空也没报错的情况就不清楚了解决方法:在父组件加上v-if="newVideoList.length!=0...原创 2021-02-01 12:31:42 · 377 阅读 · 0 评论