weixin_44284981的博客

通过defineStore()定义，他的第一个参数要求是一个独一无二的名字这个名字 也被用作id，是必须传入的，pinia将用它来连接store和devtools// 写法一export const noteStore = defineStore('note', { // 参数getters: {},actions: {})// 写法二const count = ref(0) // 相当于定义state})

vue-cropper ： 用于上传图片 地址.

在vue文件中在style中给map设置高度，否则地图不会显示说明baidu-map的常用属性min-zoom：最小层级center：地图的中心定位 可以是文字 也可以是对象，如{lng: 116.404, lat: 39.915}zoom: 缩放的等级scroll-wheel-zoom：是否允许鼠标滚轮缩放 默认是false事件ready：地图加载开始执行的函数 他有两个参数一个是BMap一个是map 如果想在组件中使用他们，可以通过赋值zoomend：地图更改缩放级

createApp 创建应用的apivue2.x中 vue通过new Vue({}) 创建一个vue实例 vue3.0 则使用createApp来创建vue实例 实例提供了一个应用上下文 该上下文和vue2.x的配置相同import { createApp } from 'vue' const app = createApp({ //该函数接受两个参数 第一个参数是 根组件选项对象 第二个参数是根propsdata() { return { }},methods: {}... },

今天项目中需要实现一个弹窗的功能 为了代码的美观性 我便决定使用messagebox的这个element ui组件 由于之前没有好好了解过create Element 所以现在做了笔记记录一下首先 设置触发事件的方法 然后在方法中进行相关操作 methods: { showVideo(index,data) { const h = this.$createElement; //vue中创建元素的方法 this.$msgbox({ title: 'messa

由于后台管理系统中常常会用到表格的使用 因此封装了进行了表格的二次封装 有基本的功能 另一些特殊的功能还没有添加本文用到了slot 如不了解slot 可先了解一下slot 理解起来更容易封装组件<template> <div> <!-- 二次封装表格 --> <el-table v-loading="loading" :data="dataList" :height="tabelHeight"

什么时候使用watch如何使用watch监听事件对象具体操作如何写

这个插件主要依赖于vue-class-component，是vue-typescript的一个简写代码插件安装插件npm i -S vue-property-decorator使用主要是script的使用发生的改变 其余没有差别@component — 引入组件<script> import { Component } from 'vue-property-decorator' //首先要引入插件用到的装饰器 import AdminDashboard from './adm

vue结合ui框架编辑表格某一行数据的使用 表格数据和编辑数据相互影响该如何解决 editData(params){ let info = JSON.parse(JSON.stringify(params)) this.dialogVisible = true this.addInfor = info }通过浅克隆的方法 使两个复杂类型的数据在堆中存储数据的地址不一样 从而使得两个变量不会相互影响...

vue中关于webpack的配置调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象：// vue.config.jsmodule.exports = { configureWebpack: { plugins: [ //配置插件 new MyAwesomeWebpackPlugin() ]， resolve:{ alias:{ //配置别名 "@":p

通过以下样式设置.inputBox{ display: flex; .el-input__inner{ background-color: #dad8d8; } ::placeholder{ //通过这个设置 color: #ffffff; } }```vue...