vue
文章平均质量分 54
凶呆呆
这个作者很懒,什么都没留下…
展开
-
vue3——事件监听:v-on应用(@的应用)
绑定事件监听指令:v-on缩写:@(语法糖)示例:<el-button @click="add('11111111111111')" style="background-color: red"> <el-button @click="add('222222222222222222')" style="background-color: black"> <el-button @click="add('33333333333333333')"原创 2022-02-13 00:28:23 · 2871 阅读 · 0 评论 -
vue3之el-input附带有具有点击事件的图标
代码如下:<el-input v-model="input" placeholder="搜索关键字" style="padding: 5px;" size="small" @keyup.enter="show"> <!-- Input 插槽 详见:https://element-plus.gitee.io/zh-CN/component/input.html#input-%E5%B1%9E%E6%80%A7 --> <template #suffix> <原创 2021-12-29 16:26:42 · 2358 阅读 · 0 评论 -
vue-cli 脚手架安装
安装命令: vue create 文件名字(英文字母小写)输入后会出现底下几个选项:第一个为:安装vue2,默认配置第二个为:安装vue3,默认配置第三个为:手动配置,手动安装版本键盘的 上下 选择选项按 回车 进入下一步第一、第二个选择这里不展示(因为选择后它就会自己安装好,不需要其他步骤了),底下为选择第三个的结果(会有几个默认选择的)。按 空格 选择/取消(即:有 * / 没 * )(其中有 * 代表需要安装的配置,没有 * 代表不用安装)键盘的 上下 选择选项按 回车原创 2021-12-22 23:50:34 · 504 阅读 · 0 评论 -
VUE之package.json
package.json文件里:dependencies:生产环境时需要用的devDependencies: 开发环境时需要用的“eslint-plugin-vue”: “7.0.0”“eslint-plugin-vue”: “^7.x.x”“eslint-plugin-vue”: “~7.0.x”如果没有任何符号固定这个版本,即指定安装7.0.0版本如何有 ^ 这个符号,有x的地方会变,其他的不变,即指定安装7.x.x中的最新版本如何有 ~ 这个符号,有x的地方会变,其他的不变,即指定安装原创 2021-12-21 23:42:59 · 434 阅读 · 0 评论 -
vue3 用法之一原生HTML标签前面加英文引号
vue3 用法之一Vue提供以下动态用法,在原生HTML标签前面加英文引号<p :class="{a:b}" :style="{width: withs, height}">{{ item }}</p>// :class="{a:b}" 指如果b为真,则设置class的值为a;否则就不设置(b为布尔值,由b来判断a是否显示)(设置多个用逗号隔开)(b为开发者设置的动态值)(a为静态已设置好的class样式)// :style="{width: withs, height原创 2021-12-21 23:29:40 · 714 阅读 · 0 评论 -
vue之fetch用法
<div id=”box”> //当点击按钮的时候,控制台可以打印出URL里面的数据 <button @click=”handleClick()”>click</button></div><script>New Vue({ el:”#box”, data:{}, methods:{ handleClick(){ //fetch方法 //Promise对象 //url里面传一个json地址 fetch(“u转载 2021-01-16 21:28:18 · 8935 阅读 · 3 评论 -
vue查看版本号
vue -V或者是vue --version查询的是vue-cli的版本,也就是vue脚手架的版本,如果想要查看vue的版本,直接去项目中,找到package.json文件夹 找"dependencies"然后就可以看到你装的vue的版本了"dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "element-ui": "^2.14.1", "vue": "^2.6.11", "vue-resource": "^原创 2021-01-15 14:55:21 · 4506 阅读 · 0 评论 -
vue之this.$router.push页面刷新问题
跳转当前路由(路由参数有变化)(路由参数无变化此方法无效)使用this.$router.push进行跳转时,如果是跳转当前路由(路由参数有变化),可在 App.vue 里的 router-view 标签设置 key 值。或使用监听器 watch<template> <div id="app"> <DataSearch/> <keep-alive :exclude="exclude"> <原创 2021-01-04 03:42:14 · 15585 阅读 · 1 评论