![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
#Vue
记录vue的各种语法,项目,以及问题解决
来啦来啦~
一只爱摆烂但又间歇性努力的前端小开发
展开
-
Elementui按钮设置默认选中状态
将elementui按钮设置为默认选中状态原创 2022-10-08 11:18:48 · 11009 阅读 · 4 评论 -
级联选择器:省市区
elementui 级联选择器的使用:传送门实例<el-form-item :label-width="formLabelWidth" label="所在省/市/区"> <el-cascader v-model="value" :options="options" :props="defaultParams" clearable filterable placeholder="请选择省/市/区" style="width: 10原创 2021-12-23 17:31:44 · 1268 阅读 · 0 评论 -
vue elementUI 表单校验:传入model的是数组的情况
elementUI的Form 表单验证中,官网文档中,默认传入的表单数据对象是对象类型,那么遇到表单数据对象是数组时该怎么处理呢,本文通过实例介绍了数组数据对象的绑定方法。【form表单数据:】【elementUI 表单:】...原创 2021-09-07 08:43:59 · 3933 阅读 · 1 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever the parent component...
报错信息:原因:在子组件中修改了父组件传过来的参数(props中的数据),这是不允许的修改方式:事件传递(this.$emit),在父组件中修改原创 2021-09-07 08:40:23 · 878 阅读 · 0 评论 -
el-form-item中prop属性绑定报错: “Error: please transfer a valid prop path to form item!“
[Vue warn]: Error in mounted hook: "Error: please transfer a valid prop path to form item!"原创 2021-09-06 21:08:39 · 6365 阅读 · 5 评论 -
移动端 文章跳转到相应页面的实现
【实现功能】:点击文章项跳转到该文章的详情页面【实现思路】:带参数访问,每一个文章项都有自己的art_id【代码演示】:图一左图文章列表项页面 右图文章详情页 路由表单独配置原创 2021-08-31 21:22:11 · 423 阅读 · 0 评论 -
eslink格式化文档配置
配置文件: .prettierrc{ "semi":false, "singleQuote":true, "printWidth":200 }原创 2021-08-20 18:38:16 · 95 阅读 · 0 评论 -
Vue子路由的两种访问方式
1.第一种:根路径访问:[http://localhost:8080/#/welcome]2.第二种:通过父级路径访问:[http://localhost:8080/#/home/welcome]原创 2021-08-17 15:18:28 · 1676 阅读 · 2 评论 -
基于vue2.0的登录界面实现
> 登录功能开发:实现用户验证,跳转登录页面> 项目技术栈:>· vue >· vue-router >· axios>· elementUI>· less原创 2021-08-16 14:36:24 · 11614 阅读 · 7 评论 -
Vue路由的介绍与使用
路由就是一种映射关系,在vue中就是路径和组件的映射关系。根据不同的路径,显示不同的组件页面,实现业务场景切换。vue中使用vue-router这个第三方模块包实现。vue-router使用下载包 yarn add vue-router导入路由 import VueRouter from 'vue-router'使用路由插件 Vue.use(VueRouter)创建路由规则数组const routes = [ { path: "/hash", component: 组.原创 2021-08-13 10:10:16 · 126 阅读 · 0 评论 -
Vue中的计算属性computed的用法
1.基本属性2. 优势属性:缓存3.对象属性(set和get)原创 2021-08-04 10:14:12 · 11179 阅读 · 0 评论 -
@vue/cli脚手架的使用
基于@vue/cli脚手架快速开发项目,vue准备了一套搭建好的web框架。@vue/cli的作用创建项目文件夹,并添加各种依赖文件,将编写代码时要用的各种依赖准备好。内置webpack打包工具,打包编译代码。启动测试服务器,直接部署编译好项目代码,由浏览器请求运行。@vue/cli全局安装yarn global add @vue/clivue -V@vue/cli创建项目创建脚手架项目vue create vuecli-demo切换到项目所在目录cd vuecli-de.原创 2021-07-30 16:21:39 · 108 阅读 · 0 评论 -
vue2 开发环境版本链接
开发环境版本,包含了有帮助的命令行警告: <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>原创 2021-07-24 20:10:43 · 824 阅读 · 0 评论 -
过滤器在Vue中的使用
过滤器在Vue中的使用:1.全局过滤器2.局部过滤器原创 2021-08-02 18:31:19 · 415 阅读 · 0 评论 -
Vue的生命周期
vue实例从创建到销毁的过程就是生命周期。原创 2021-08-09 22:44:18 · 215 阅读 · 0 评论 -
vue基础语法-vue基本指令的使用方法
1.差值表达式(声明式渲染/文本差值/胡子语法)2.v-bind指令3.v-on指令4.事件对象 e5.事件修饰符6.按键修饰符7.v-model双向绑定8.v-model修饰符9.v-text和v-html指令10.v-show和v-if指令11.v-for循环列表12.动态class13.动态style原创 2021-07-31 16:30:08 · 287 阅读 · 0 评论