ICode9

精准搜索请尝试: 精确搜索
  • vue技巧状态类展示使用红绿圆点2022-05-21 17:33:27

    <el-table-column prop="status" label="状态" width="70%" > <template slot-scope="scope" > <span slot="reference" v-if="scope.row.status == 1">

  • 搭建Vite+Cesium开发环境2022-05-21 16:00:25

    1、通过Vite创建项目 # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线: npm init vite@latest my-vue-app -- --template vue # yarn yarn create vite my-vue-app --template vue # pnpm pnpm create vite my-vue-app -- --template vue

  • Vue:重要总结2022-05-21 15:00:07

    总结 组件实例上的属性(从data,computed得来) 被修改时,vue能够监测得到,并重新解析模板上的数据,这个过程叫 响应式 组件实例上的属性或者下级属性想要支持响应式,需要有get和set方法支持。 模板用到了组件实例的a属性对象里的b属性,且b属性并没有原先定义好,此情况是不会报错的。但如

  • Introduction(介绍)2022-05-21 13:00:48

    What is Vue? 什么是Vue Vue(pronounced/vju:/,like view) is a javascript framework for building user interfaces.It builds on top of standard HTML,CSS and JavaScript,and provides a declarative and component-based programming model that helps you efficiently dev

  • vue设计模式2022-05-21 12:00:54

    vm 的设计模式。 mvvm 是 model-view-viewModel 的简写。 model 是数据模块,view 是渲染视图,viewModel 是沟通视图和数据模块的桥梁。 vue 中使用了哪些设计模式1.工厂模式 - 传入参数即可创建实例 虚拟 DOM 根据参数的不同返回基础标签的 Vnode 和组件 Vnode 2.单例模式 - 整个程

  • 记录一次使用 Popper.js 编写弹框遇到的问题2022-05-21 07:31:26

    当前使用的 vue-popperjs 组件是基于 popper.js 开发的 使用方法 安装 npm i vue-popperjs 导入使用 <template> <popper trigger="clickToOpen" :options="{ placement: 'top', modifiers: { offset: { offset: '0,10px' } }

  • vue----动画2022-05-20 23:33:06

        1 注意: 2 .hello-enter-active{} 3 这样的前面是有. 4 在vue中要使用动画的盒子必须要使用<transition></transition>包裹起来 5 还要在这个标签中起名字来区分 6 这里我起的是hello 7 实现起来如图所示    1 这个是vue中底部实现的方式: 2 不写动画,依靠这个手写也可

  • Vue2+32022-05-20 23:00:38

    第一章 Vue核心     1.初识Vue   2.Vue模板语法   3.数据绑定   4.el与data的两种写法   5.MVVM模型   6.数据代理   7.事件处理   8.计算属性   9.监视属性

  • vue 局部和全局2022-05-20 20:35:41

    vue  局部和全局: <!-- 组件: 为什么?(1)让页面的代码看起来更加的简洁 (2)进行复用 在vue中组件分为两种(定义)? 局部组件? 使用的步骤 (1)创建组件(components) (2)引入组件

  • vue 修改 element-ui select组件样式坑2022-05-20 19:33:32

    修改element-ui select的样式 <el-select v-if="options.length > 0" @change="handleSelectKeyChange" :value="searchKey" slot="prepend" style="width:110px" placeholder="请选择" :popper-ap

  • vue里使用px2rem2022-05-20 17:34:06

    安装 yarn add postcss-px2rem 配置 在vue.config.js中添加以下配置 const px2rem = require('postcss-px2rem') module.exports = { css: { loaderOptions: { postcss: { plugins: [ px2rem({ // 基准大小 baseSize,建议写100 因为可

  • Vue 事件的基本使用 && 事件修饰符2022-05-20 14:02:11

      1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>事件的基本使用</title> 6 <script type="text/javascript" src="../js/vue.js"></s

  • NetCore 前后端分离项目部署踩的坑!2022-05-20 13:01:57

    1. 问题   时隔一年,重新部署项目,发现页面加载不出来   打开控制台,看到错误信息   2.排查   查看后端项目 Startup 文件,  有配置开启文件夹的访问 Linux服务器上,前端项目打包的文件夹也有授权    3.结果    对比其他项目,发现前端项目 vue.config.js 文件里publicP

  • vue注册了组件未使用报错:component has been registered but not used2022-05-20 11:32:15

    报这个错误是因为eslint代码检查到你注册了组件但没有使用,然后就报错了 两个解决办法: 1、修改项目的package.json 在package.json中找到eslintConfig下的rules,增加"vue/no-unused-components": "off"即可: "eslintConfig": { "rules": { "vue/no-unused-components":

  • [Vue warn]: Invalid prop: type check failed for prop "to". Expected String, Object, got Nu2022-05-20 11:02:19

    vue异常报错,如下图所示:     报错原因:router-link 中的v.router路径为Null导致的to报错问题 解决办法:router-link处一定要加上v-if="v.router"  

  • vue 的toast组件2022-05-20 01:00:07

    直接使用第三方库:https://github.com/Maronato/vue-toastification   1.npm install --save vue-toastification@next2.在main.js导入和使用 import Toast from "vue-toastification"; // Import the CSS or use your own! import "vue-toastification/dist/index.css"

  • Element UI在线运行错误, (Uncaught ReferenceError: Vue is not defined)2022-05-20 00:03:36

    解决办法: 1: Js菜单栏引入Vue和Element Vue: https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js Element:https://unpkg.com/element-ui/lib/index.js      2:Js菜单栏引入Element样式 Element: https://unpkg.com/element-ui/lib/theme-chalk/index.css     3: 点击Save & C

  • Vue移动端图片放大预览(可全屏,可滑动)2022-05-19 19:04:02

    需求:微信公众号上的图片点击可以实现放大预览 我的项目中,微信公众号上的图片和其他内容是来自后台接口,(管理平台上用百度编辑器Editor添加的)   如何实现: 图片是根据接口渲染出来的,那么就先找到这些图片,然后再给图片绑定click事件,点击的时候进行预览   实现过程: 最开始我想到的是v

  • Windows服务器下使用jenkis部署VUE项目2022-05-19 19:02:46

    背景:windows服务器使用jenkis集成工具自动部署VUE项目   准备工作: 1.代码仓库使用gitee,gitlab及github同理。 2.在服务器下载jenkis 2.332.3版本,历史jenkis版本下载请参考: http://mirrors.jenkins.io/。 3.在服务器下载git 2.31.0.rc2,历史git版本下载请参考:https://nodejs.org/z

  • 调色器测试2022-05-19 18:32:58

    调色器测试 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> p.picker{

  • 面试之Vue篇2022-05-19 18:32:37

    1:v-if和v-show 都是控制页面元素是否展示 v-if是直接将整个DOM元素删除 v-show是设置display:none 频繁切换时使用v-show 运行条件比较少使用v-if 2:生命周期 创建 挂载 更新 销毁 activated keep-alive缓存的组件激活时 deactivated keep-alive缓存的组件停用时 created 和mount

  • 解决在vue+element-plus中无法同时使用v-for和v-if的问题2022-05-19 18:32:27

    参考资料: https://blog.csdn.net/Y_hhya/article/details/122191879 目的: 在vue中使用element-plus模板来遍历路由并显示在左侧导航栏中 问题: 由于路由中存在不需要遍历的数据所以像用v-if来过滤,但是报错,百度说vue不能同时使用v-if和v-for 解决方式: 详细请参考:https://blog.csdn

  • vue elementUI 主题颜色切换 修改elementUI2022-05-19 16:00:21

    这篇的前提是 vue elementUI 主题颜色切换 基础篇 前面提到要修改elementUi样式。肯定是要写全局的样式的。而且不能覆盖elementUI的样式 这个也很简单。利用 class 属性,添加新样式。但是对于一些特定的组件,比如 el-select el-dialog  等组件可能仅仅添加class 属性不够,

  • vscode插件Prettier和Eslint插件配合使用之vue配置篇2022-05-19 15:33:30

    有的同学在刚接触vue项目的过程中,会遇到大佬推荐安装Prettier和Eslint插件,但是有些时候误操作就会导致代码一直报错,运行不起来,因为这是两个插件的代码风格是不一样的, prettier是代码风格标准插件,eslint是代码质量校验插件,所以这两个发生冲突几乎是必然的 记录一下这次踩坑案例,小白

  • Vue:内置对象2022-05-19 14:33:49

    Vue实例内置对象 如果我们打印Vue实例对象,可以看到很多$开头的属性,如下: 这些内置对象是Vue提供给我们用的,我们可以设置和获取这些内置属性。一般情况下是在子组件进行设置和获取的。 还有其他一些_开头的属性我们不用管,是vue自身需要使用的。

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有