随笔分类 - vue
摘要：因为单独提交才好触发el-upload中的on-success函数 在 Vue 3 中，可以通过 ref 引用指向 upload 组件，然后使用该引用调用 upload 的 submit 方法来触发上传操作。具体实现如下： <template> <el-upload ref="uploadRef"
阅读全文
摘要：一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu
阅读全文
摘要：![](https://img...
阅读全文
摘要：setup 是 Vue3 中引入的一个新的选项，用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数，它在组件实例被创建之前执行，并返回一个包含状态和方法等配置信息的对象。 具体来说，setup 选项的作用包括： 响应式数据：使用 Vue3
阅读全文
摘要：在组件中使用 Pinia 状态管理： <template> <div> <p>当前计数：{{ count }}</p> <button @click="increment">增加</button> <button @click="decrement">减少</button> </div> </tem
阅读全文
摘要：父组件向子组件传值 1.简单的props方式 //fater.vue <div class="father"> <children :carr="arr" /> </div> <script setup lang="ts"> import children from './children.vue'
阅读全文
摘要：
阅读全文
摘要：在Vue 3中，可以使用router.resolve方法来解析给定的路由路径并返回相应的路由对象。 这个方法通常用于在组件中动态生成路由链接或导航。 以下是一个使用router.resolve方法的示例: <template> <div> <h2>动态路由链接示例</h2> <ul> <li> <r
阅读全文
摘要：  ![](https://
阅读全文
摘要：1.定义一个响应式数据 2.ref获取元素 2.1 获取子组件值 App.vue <template> <div> <!-- 不知什么原因:@click一开始怎么都没法触发点击事件 --> <button @click="show()">click-button {{count}}</button>
阅读全文
摘要：在这个例子中，父组件引用了 MyComponent 组件，并通过 props 传递了一个字符串作为 message 属性的值。 在 MyComponent 组件中，我们可以通过 props 参数来获取这个值，并在 setup 函数中进行处理。
阅读全文
摘要：pinia和vuex的区别（可做面试题） 1.pinia没有mutations，只有state,getters,actions 2.pinia分模块不需要modules (之前vuex分模块需要modules) 3.pinia体积更小(性能更好) 4.pinia可以直接修改state数据 官网文档
阅读全文
摘要：安卓下载 exportPDF(url) { // url 未pdf，word文件可以打开的链接 const a = document.createElement("a"); a.href = url; a.target="_blank"; a.download = "download"; a.cli
阅读全文
摘要：其中一个是，vite 项目 执行 “vite build” 并部署上线后，在浏览器中访问就会有以下关于路由的奇怪问题： 我们用嵌套路由开发的页面生成的路径，个别菜单在初次加载、或者二次刷新加载时，都会报错如：Failed to load module script: Expected a JavaS
阅读全文
摘要： 
阅读全文
浙公网安备 33010602011771号