![](https://img-blog.csdnimg.cn/20210818203708887.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 54
Vue
liun_n
这个作者很懒,什么都没留下…
展开
-
form 表单只有一个input 时,回车自动提交表单造成页面刷新效果
el-form 中仅有一个input,input上设置了回车响应事件,首次按回车键后,页面刷新,再次按回车才执行了响应事件原创 2023-02-03 19:05:43 · 1697 阅读 · 0 评论 -
Vue computed 计算属性 | watch属性
1.计算属性computed 计算属性,监听多个 data 属性,只要是依赖的属性值有改变,就自动重新调用一下计算属性computed 在 DOM 加载后立即执行,methods 需要有触发条件才能执行在依赖的属性值没有改变时,计算属性会从缓存中取值,而不是重新编译,性能较高????使用计算属性实现搜索框:<template> <div> <input type="text" v-model="value"> <ul>原创 2021-12-01 13:04:10 · 331 阅读 · 0 评论 -
vue 操作 dom 节点
在标签上定义 ref 属性<input type="text" ref="nameInput">this.$refs 获取 dom 节点this.$refs.nameInput.value原创 2021-12-01 13:01:57 · 955 阅读 · 0 评论 -
v-model 绑定表单的值 单选框、下拉框、多选框、texterea
以下分别用 v-model 绑定单选框、下拉框、多选框、texterea 的值<template> <div> <input type="text" v-model="info.name" /> <input type="text" v-model="info.age" /> <div> <!-- v-model 绑定单选框的值 --> <input type="radio"原创 2021-12-01 13:01:16 · 847 阅读 · 0 评论 -
vue 事件方法 / 事件修饰符 / 按键修饰符
- 方法可以传自定义参数- 事件对象:调用方法时传参数 $event,在方法里就可以获取到事件对象 event。- 使用 this 在一个方法里调用另一个方法- 多事件处理程序:事件可以一次触发多个方法原创 2021-11-25 23:35:20 · 721 阅读 · 0 评论 -
vue 绑定 class 样式类和 style 内联样式
vue 绑定 class 样式类和 style 内联样式原创 2021-11-25 23:39:18 · 320 阅读 · 0 评论 -
vue 绑定标签动态属性名和属性值
使用 v-bind(: ) 绑定动态的属性名和属性值,属性值要用引号括起来:如果只绑定了动态属性名,属性值是静态的话:要给属性值再加个引号。原创 2021-11-25 13:08:35 · 1387 阅读 · 0 评论 -
Vue3.x 搭建Vue环境 / 创建运行Vue项目 / 分析Vue目录
1. 安装Vue-cli$ npm i -g @vue/cli然后在终端中输入 vue -V 看有没有输出 @vue/cli 的版本号,确定是否安装成功。2. 通过Vue-cli创建项目vue create projectName选择vue3选项3. 运行项目 $ cd vue3-example $ npm run serve运行成功后,根据提示打开本地地址,查看项目页面4. 项目结构node_modules: npm 加载的项目依赖模块public: 公共资源目录s原创 2021-11-25 11:53:25 · 361 阅读 · 0 评论 -
html页面引入自定义公共组件 iframe / object / embed / vue template
index页面中引入了header组件,点击header组件中的标题可以跳转到home页面一、使用iframe/object/embed 标签-index.html-home.html-header.htmlheader.html:<!DOCTYPE html><html lang="en"><head> <title>header</title> <style> *{原创 2021-10-22 16:23:22 · 1580 阅读 · 0 评论