vue相关
vue相关
大大。
你秃了!你强了!
展开
-
el-table数据更新了,但是展示并没有更新
【代码】el-table数据更新了,但是展示并没有更新。原创 2024-01-25 13:40:09 · 3109 阅读 · 2 评论 -
Vant安装及必坑
【代码】Vant安装及必坑。原创 2023-07-17 18:24:56 · 818 阅读 · 0 评论 -
vue项目刷新页面显示Cannot GET
【代码】vue项目刷新页面显示Cannot GET。原创 2023-06-12 18:30:56 · 477 阅读 · 1 评论 -
vue-cli3运行npm run serve修改为npm run dev
可以直接在package.json文件里面把serve修改dev即可。vue-cli3运行项目的命令应该是npm run serve。原创 2023-06-13 10:10:15 · 747 阅读 · 0 评论 -
vue 路由跳转方式
1.2 路由带参数跳转路由参数的传递主要有两种方式一种是params,另一种是query,主要区别如下: 二、this.$router.push() (在函数里面调用)2.1不带参数跳转2.2带参数跳转 三、this.$router.resolve()打开新窗口跳转3.1通过path形式跳转 3.2通过name形式跳转 四:使用this.$router.replace()跳转(不会留下 history 记录,返回是返回上上级页面)原创 2022-12-08 11:26:11 · 667 阅读 · 0 评论 -
Vue中兄弟组件间传值
Vue中父组件向子组件传递参数时,可以通过prop;子组件向父组件传递参数时,通过$emit来传递。那么父组件下有多个子组件时怎么实现子组件间的数据传递呢?可以创建一个Vue实例作为第三方媒介实现数据的传递。步骤二然后我们就可以通过全局来使用啦,在其中的一个子组件中注册一个方法步骤三在另一个组件中使用就OK啦原创 2022-12-08 10:42:26 · 501 阅读 · 0 评论 -
Vue之 el-select下拉框多选的使用
【代码】Vue之 el-select下拉框多选的使用。原创 2022-10-21 18:26:31 · 999 阅读 · 0 评论 -
Vue el-select下拉框多选,选择后赋值成功,输入框不显示选中的值
【代码】Vue el-select下拉框多选,选择后赋值成功,输入框不显示选中的值。原创 2022-10-21 18:14:29 · 1891 阅读 · 0 评论 -
Vue双向数据原理
Vue双向数据原理原创 2022-08-23 15:05:01 · 227 阅读 · 0 评论 -
Vue watch的用法
Vue watch的用法原创 2022-08-23 15:02:21 · 122 阅读 · 0 评论 -
关于element table排序 sort-change
order是排序方式,有三个选项 ascending 升序、descending 降序、 null 默认排序。原创 2022-08-15 18:15:41 · 4819 阅读 · 0 评论 -
防抖函数和节流函数
节流原创 2022-08-04 18:06:34 · 250 阅读 · 0 评论 -
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js “export ‘watchEffect‘ was not
1.问题 利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错: Uncaught TypeError: Object(…) is not a function 终端这边爆 warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js "export ‘watchEffect’ was not found in 'vue’ 新创建的vue2项目除了vue-router什么也没安装 看 vue-route原创 2022-07-04 15:37:35 · 1053 阅读 · 0 评论 -
Unexpected ‘debugger‘ statement no-debugger
项目中debugger的时候报错Unexpected 'debugger' statement no-debugger解决:1.找到项目中的package.json文件2.在文件中找到"eslintConfig"进行配置参数 在"eslintConfig"里面找到"rules",在"rules"中 添加 “no-debugger”: “off”, “no-console”: “off”...原创 2022-06-27 16:31:22 · 3060 阅读 · 0 评论 -
npm install 报错 : gyp ERR! configure error
npm install 报错,报错信息如下: 执行完后,可以正常下载安装相关依赖:原创 2022-06-24 18:33:18 · 798 阅读 · 0 评论 -
vue返回上一页,判断当前页有无上一页
vue返回上一页,判断当前页有无上一页原创 2022-02-28 17:33:22 · 2941 阅读 · 0 评论 -
使用vue-quill-editor实现富文本编辑器
一、什么是富文本编辑器?简单介绍一下,看过上面的图,您大致对富文本编辑器有个了解了,传统的textArea输入框输入的内容没法做格式上的更改,它的功能跟我们的word一样,可以对其中内容的格式做一些调整,还可以添加图片等等,它在开发中有个专有名词,叫富文本编辑器。1、ueditor国内人用ueditor的比较多,真的很中国化,经常在贴吧或论坛里看到这种风格的富文本编辑器。2、bootstrap-wysiwyg这个插件是bootstrap官网推荐的。3、vue-quill-editor这个据说.转载 2021-11-24 18:13:14 · 1364 阅读 · 0 评论 -
使用vue-cli(vue脚手架)快速搭建项
1.安装vue-cli**①** 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack)如下图,出现对应版本号,则说明安装成功。注意:webpack 4.X 开始,需要安装 webpack-cli 依赖 ,所以使用这条命令npm install webpack webpack-cli -g出现下图则安装成功**②** 全局安装vue-cli,在cmd中原创 2021-05-13 11:42:39 · 73 阅读 · 0 评论 -
使用vscode,新建.vue文件,自动生成vue文件代码块模板
第一步:文件 --> 首选项 --> 用户代码片段 --> 输入vue,选择vue.json -->复制下面代码内容并保存{ "Print to console": { "prefix": "Vue模板", "body": [ "<template>", "\t<div>\n", "\t</div>", "</template>\n", "<sc原创 2021-05-13 11:25:42 · 2748 阅读 · 0 评论 -
vue防止多次点击(暴力点击)
工具类noDbClick.jsexport default {}.install = (Vue, options = {}) => { Vue.directive('preventReClick', { inserted(el, binding) { el.addEventListener('click', e => { if (!el.disabled) { el.disabled = true原创 2021-03-29 15:37:46 · 325 阅读 · 0 评论 -
vue中使用pdf最简单实用方法,亲测有效...
方式一 :使用 vueshowpdf 插件npm install vueshowpdf -S效果原创 2020-11-27 18:49:08 · 1783 阅读 · 1 评论 -
Vue组件是什么?Vue组件的使用
组件是什么?组件是可复用的 Vue 实例, 把一些公共的模块抽取出来,然后写成单独的的工具组件或者页面,在需要的页面中就直接引入即可那么我们可以将其抽出为一个组件进行复用。例如页面头部、侧边、内容区,尾部,上传图片,等多个页面要用到一样的就可以做成组件,提高了代码的复用率。Vue组件的使用 ...原创 2020-04-13 17:45:09 · 11866 阅读 · 1 评论