
VUE
文章平均质量分 50
_码农耕地人
这个作者很懒,什么都没留下…
展开
-
Vue基础入门超基础。
与watch相似,都是在监听值或对象的变化,当其变化后,执行一些逻辑。Vue中一切皆组件,所以组件化编程在Vue中用途十分重要,下面我们来介绍一下Vue的组件。1、当我们监听一个对象时有两种方法。3、当监听对象下的某一个值时,只有当该对象的监听属性值发生了变化才会触发watch函数。事件监听函数类似于设计模式中的观察者模式,当监听的值发生变化时就会执行一些逻辑。1、要想实现标签中的值和setup中的值同时变化必须绑定的是一个响应式对象。2、当监听整个对象时,不管修改了对象下的哪一个属性都会触发watch。原创 2022-09-05 11:33:29 · 868 阅读 · 0 评论 -
Vue父组件如何给子组件传递图片属性?为什么父组件传递的图片子组件接收不到?
之前再写代码的时候,有一个非常大的问题,就是我明明将图片的url传递给了子组件,为什么子组件接收不到呢,图片无法在子组件中显示,今天终于得到了解答。接收不到值的根本原因就在于图片是静态资源,所以与单一的传递值、对象不同,要先进行特殊处理或导入才能传递。1、require包裹2、import导入。原创 2022-09-04 21:37:16 · 2539 阅读 · 0 评论 -
ElementUI如何实现分页查询?html如何实现分页查询?vue如何实现分页查询?
ElementUI如何实现分页查询?html如何实现分页查询?vue如何实现分页查询?原创 2022-08-02 11:55:55 · 894 阅读 · 0 评论 -
ajax跨域请求错误-CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
代码】ajax跨域请求错误-CORSpolicyNo'Access-Control-Allow-Origin'headerispresentontherequestedresource。原创 2022-07-31 21:48:59 · 639 阅读 · 0 评论 -
Uni-app实现全局状态管理
一)创建交store的目录在下面创建一个js文件(然后书写下面代码);//1、导入相关库import Vue from 'vue';import Vuex from 'vuex';//导入那些已经写好的模块:(后面代码会讲解下面这行代码)import test from './modules/test.js'//2、安装vuex插件Vue.use(Vuex);//3、创建store实例const store = new Vuex.Store({ modules:{ test/原创 2022-05-31 20:58:55 · 2089 阅读 · 0 评论 -
vue-element-admin安装指南
本篇采用最简单的安装方式,在网上找了太多的安装,但是各种报错,最终在vscode上发现了一种最简单的安装方式,安装的前提就是电脑安装了git和npm,以及vscode1、首先创建一个文件夹,然后用vscode打开,此时会有欢迎页,点击克隆git库:2、然后点击从git上克隆:3、如果没有登录过的话它会提示你,弹出一个网页,登陆上自己的github账号即可4、此时再回来输入vue-element-admin点击第一个即可:5、点完即可进入下载了。6、此时...原创 2022-05-22 17:46:54 · 1857 阅读 · 0 评论 -
VUE子组件如何改变父组件传来的值,以及VUE子组件如何修改父组件的值,以及父组件修改子组件的值
一)子组件修改父组件传来的值:父组件传递给我一个名为deptName数据,但是现在我要在子组件中修改它的值并且实时更新页面,直接this.deptName是不能直接修改他的值的,所以我采用了使用一个中间变量来接受的方式对齐进行修改:1、父组件:2、子组件:在data中定义一个变量接受,然后将其赋值为this.deptName即可,之后就可以正常修改data的方法对齐进行修改了。二)子组件修改父组件中的值:我要删除一个值,这个逻辑是在子组件进行的,所以父组件的数组中值没.原创 2022-04-17 14:38:12 · 30870 阅读 · 2 评论 -
Uniapp实现自定义组件
1、首先我们要先创建一个与page平级的component页面,然后再在里面创建一个自己的组件名称相同的页面:2、在组件中写props属性用于接收值(若不进行值传递可以不写)。我是从父文件传递过来一个对象使用,所以我这里props内接收的是一个对象。3、一定要写name属性,这是导出的组件名称:4、此时我们来到使用组件的页面,导入并且注册组件,如果是按照我的逻辑创建的目录,则直接将名字改成你自己的组件名称即可。5、此时就可以直接引用使用啦:...原创 2022-04-16 11:47:34 · 19985 阅读 · 1 评论 -
Vue如何创建路由项目?
3、此时我们选择第三项,人工选择,之后进入选择界面选中第三个自定义的,回车确定。4、选中router,用什么选什么即可。空格是选择。全部选择完毕之后按5、3.x版本:6、是否使用之前的配置:n7、自动格式化代码检测:8、 语法检测时机:语法检测方式,Lint on save(保存检测),Lint and fix on commit(fix和commit时检测)9、配置文件的位置:In dedicated config files(单独文件保存)原创 2022-04-15 08:38:49 · 4135 阅读 · 0 评论 -
npm安装时卡在sill idealTree buildDeps,npm安装速度慢,npm安装卡在一个地方不动
造成上述问题的原因是因为node的默认安装环境在国外,因此我们只需要修改下镜像的地址即可1、采用taobao的镜像地址,进入cmd之后输入:npm config set registry https://registry.npm.taobao.org 2、查看是否安装成功:npm config get registry 3、此时可以继续输入之前的npm install 命令啦。npm install...原创 2022-04-15 08:17:23 · 74284 阅读 · 11 评论