Vue.js
文章平均质量分 52
想散在风中
努力学习,努力敲代码
展开
-
解决ECharts柱形图自定义单个柱子颜色图例无法显示
【代码】解决ECharts柱形图自定义单个柱子颜色图例无法显示。原创 2023-11-03 14:20:12 · 771 阅读 · 0 评论 -
前端面试题 —— Vue (三)
前端vue面试题原创 2023-07-27 11:05:40 · 264 阅读 · 0 评论 -
前端面试题 —— Vue (二)
前端vue面试题原创 2023-07-27 10:27:30 · 309 阅读 · 0 评论 -
Vue单页面实现el-tree el-breadcrumb功能、el-tree右键点击树节点展示菜单功能、树节点编辑节点字段名称功能
Vue单页面实现el-tree el-breadcrumb功能、el-tree右键点击树节点展示菜单功能、树节点编辑节点名称功能原创 2023-07-14 21:21:55 · 2528 阅读 · 0 评论 -
element Table表格组件渲染不分页数据滚动加载不分页数据
【代码】Vue el-table渲染不分页数据滚动加载不分页数据。原创 2023-04-25 17:07:03 · 1002 阅读 · 0 评论 -
前端面试题 —— Vue (一)
前端vue面试题原创 2022-10-19 15:05:14 · 578 阅读 · 0 评论 -
前端面试题——Vue 高频
前端Vue高频面试题原创 2022-09-13 17:25:40 · 406 阅读 · 0 评论 -
VUE项目自适应设置使用vw + rem实现页面布局适配
使用vw是为了让元素的大小能受到屏幕大小的变化而控制让整体使用rem的单位,跟随html中font-size的设置 640设计图: 100vw = 满屏 = 320px 1vw = 3.2px ?vw = 100px 100/3.2 = 31.25vw 得出 31.25vw = 100px ......转载 2021-11-23 14:09:14 · 1340 阅读 · 0 评论 -
Vue实现跨组件通信
main.jsVue.prototype.$bus = new Vue(); // $bus是原型对象上的实例child1.vuethis.$bus.$on('foo', handle) // 子组件通过$bus监听事件child2.vuethis.$bus.$emit('foo') // 子组件通过$emit触发事件原创 2022-05-26 15:01:51 · 149 阅读 · 0 评论 -
输入框千位分隔符
<template> <Input v-model="value" @on-change="handleChange" placeholder="Enter something..." style="width: 300px" /></template><script> export default { data () { return { value: '' .原创 2021-10-26 15:23:23 · 335 阅读 · 0 评论 -
Vue——Class 与 Style 绑定
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用v-bind处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将v-bind用于class和style时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。绑定HTML Class——v-bind:class(:class)<!DOCTYPE html><html><hea...原创 2020-06-25 10:50:15 · 92 阅读 · 0 评论 -
Vue组件基础
组件是可复用的组件实例,在开发中,可以把经常重复的功能封装为组件vue组件通过Vue.component函数去创建一个组件,component函数第一个参数是函数的名称,第二个参数以对象的形式去描述一个组件,因为组件是可复用的Vue实例,所以它们与new Vue接受相同的选项,例如:data、computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项用Vue.component函数去创建了一个button-counter组件,数据data和模板内容temp原创 2020-06-25 09:17:39 · 821 阅读 · 0 评论 -
报错信息记录——Vue组件模板只能有一个根元素
Errors compiling template:Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.创建一个组件时需要注意,一个组件的模板必须具备一个根节点,比如我们想在组件内加一个其他的元素,我们可以使用一个div标签,将所有的元素包裹起来,达到在同一个模板内使用多个H原创 2020-06-25 09:16:38 · 593 阅读 · 0 评论 -
Vue组件注册
全局注册通过Vue.component函数我们可以在页面上声明和创建一个vue.js组件Vue.component的第一个参数被称之为组件名,定义的方式有两种,第一种可以通过短横线命名(例:button-counter)第二种可以用驼峰法命名通过Vue.component函数来创建的组件,这些组件都是全局注册的,也就是说它们注册之后可以在任何新创建的Vue根实例(new Vue)的模板中进行应用全局注册不够理想,使用一个像webpack这样的构建系统,全局注册意味着即使我们没有再使用一个组件原创 2020-06-25 09:13:43 · 152 阅读 · 0 评论