![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Seven_5477
这个作者很懒,什么都没留下…
展开
-
element-plus has no exported member named ‘FormInstance‘模块, element-plus没有导出的成员FormInstance
element-plus has no exported member named 'FormInstance'模块, element-plus没有导出的成员FormInstance。原创 2023-06-15 16:23:40 · 1078 阅读 · 0 评论 -
vue3按需导入element-plus报错Module not found: Error: Can‘t resolve ‘element-plus/es/components/button/
Module not found: Error: Can't resolve 'element-plus/es/components/button/style/css'原创 2023-05-16 15:28:23 · 3094 阅读 · 0 评论 -
js利用vue数据监听原理Object.defineProperty实现语音播放监听
利用vue数据监听原理Object.defineProperty实现语音播放监听原创 2023-02-28 16:25:15 · 867 阅读 · 0 评论 -
vue三种方式实现父子间通信
vue组件之间的传值原创 2023-02-22 15:34:12 · 202 阅读 · 0 评论 -
vuex报错Computed property “xxx“ was assigned to but it has no setter.
Computed property "activeTab" was assigned to but it has no setter.原创 2023-02-02 16:17:39 · 1668 阅读 · 0 评论 -
解决ElementUI表格el-table-column添加fixed底部被遮挡的方法汇总
解决ElementUI表格el-table-column添加fixed底部被遮挡的方法汇总原创 2022-08-23 16:42:24 · 6482 阅读 · 4 评论 -
前端在请求数据时使用节流来防止多个重复请求
页面加载时,遇到大量的数据需要显示,常常使用上拉加载更多数据,从而实现数据的批量显示。每次上拉的时候,浏览器应该发送一次请求,获取最新的数据。原创 2022-08-15 17:04:14 · 1373 阅读 · 0 评论 -
vue 解决代码上线后,刷新页面时静态资源文件会重复添加路径的问题
一开始的vue.config.jsmodule.exports = { devServer: { port: 8090 }, publicPath: './static/' // 解决打包之后静态文件路径404的问题}刷新当前页面:查看请求可以看到,静态资源文件重复添加了static目录原因:vue.config.js写的是相对路径解决方法:改为绝对路径...原创 2022-04-01 10:34:42 · 1536 阅读 · 0 评论 -
vue实现父组件点击全选按钮,子组件的checkbox全部选中
原理:(1)父子组件通信:props(2)新定义一个数组b,数组b的每一项值item等于v-for的list的每一项值,让checkbox的value等于item,v-model绑定数组b <!--父组件--> <ul class="trstyle"> <li class="tdwidth1"> <label class="checklabel" style="vertical-align: sub;原创 2022-02-26 14:43:53 · 1038 阅读 · 2 评论 -
JTopo在vue中双击图片弹出编辑框
JTopo官网有一个编辑框案例:jTopo Demo编辑框写的位置如下:(此处我换成我需要的input元素,而非源码中的textarea)<template id="template-mesh_topology"> <div> <div class="advanceContent"> <canvas width="600" height="800" id="canvas"原创 2021-11-22 16:35:04 · 694 阅读 · 0 评论 -
如何构建一个vue登录系统之登录页面
构建一个vue登录系统之登录页面原创 2021-11-13 22:44:05 · 4174 阅读 · 0 评论 -
vue搭建一个简单的项目流程
1. 安装npm、cnpm、vue安装教程2. 创建项目vue create 项目名称如:vue create static根据需求选择相应的配置3. 生成的目录4. 运行项目cd staticnpm run serve在浏览器输入给定的网址即可:5. 根据目录结构进行开发I - src 存储我们项目开发的源文件| - main.js 打包编译的入口文件| - App.vue 项目页面的入口文件(可以自己命......原创 2021-10-29 09:50:51 · 434 阅读 · 0 评论 -
vue中使用canvas工具,如jTopo,要把画图的代码执行放到mounted下
vue调用jtopo-min.js时报错:Cannot read property ‘length’ of undefined at c.add (jtopo-min.js:1)错误原因:把画图的代码放到created下面执行了,此时DOM结构还没有形成,所以报错。正确做法:放到mounted下执行。...原创 2021-06-23 14:23:23 · 352 阅读 · 2 评论 -
vue 如何用v-model绑定数组对象中的未提前定义的属性
原本的代码:html:<ul class="advance-ul" v-for="(item,index) in terminal_list"> <li class="trText">{{item.ip}}</li> <li class="trText"> <input type="text" v-model="item.enable"/> </li></ul>js中的data里的表的定义:ter原创 2021-06-09 15:04:32 · 4066 阅读 · 0 评论 -
webpack使用:通过html打包引入css和js文件
之前写了一个简单工程的打包:打包一个简单的工程现在在这个基础上调整一下文件的结构,加入css后一起打包。之前的文件结构:现在把index.html放入src中,并把js文件放入js文件夹,css文件放入css文件夹,然后打包整个src文件。common.css* { margin: 0; padding: 0; border: none;}body { background: lightblue;}index.css@import './comm原创 2021-05-22 22:44:21 · 5440 阅读 · 1 评论 -
webpack安装最新版本解决webpack-dev-server兼容性的方法
webpack安装最新版本解决webpack-dev-server兼容性的方法:把package.json文件中的"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server" },改成:"scripts": { "test": "echo \"Error: no test specified\" && exit原创 2021-05-17 14:42:49 · 1499 阅读 · 1 评论 -
webpack本地安装和使用:实现一个简单的工程的打包
一、安装1.创建一个工程文件夹,内容暂时为空2. 进入文件夹并执行命令npm init -y3. 本地安装 webpack,安装最新版本npm install --save-dev webpack4. 如果使用 webpack 4+ 版本,还需要安装 cli,webpack-cli 可以帮助我们在命令行里使用npx,webpack等相关指令。npm install --save-dev webpack-clinpx webpack -v // 检测webpack是否安装成功原创 2021-05-16 17:20:32 · 1251 阅读 · 3 评论 -
Vue中使用v-slot无效
使用v-slot不生效的情况:可能是引入的vue.js源码不是最新的。如下代码:<body> <div id="app"> <my-button> <template v-slot:before> <em>我是组件中间的内容:slot</em> </template> <!-- #是v-s原创 2021-04-28 16:22:09 · 6302 阅读 · 0 评论 -
Vue三种方式实现全选全不选:@click点击事件方式、computed计算属性方式和watch监听器方式
@click点击事件方式:全选按钮添加点击事件checkAll,点击全选按钮时改变选项的点击状态。下面的选项按钮用一个div包裹,并添加change事件来监听是否全选。注:click事件是点击之后,视图里的数据还没有更新到data数据里,所以导致data数据不是最新的状态,需要取反。change事件是视图绑定的数据发生了改变,才会去执行。<!DOCTYPE html><html lang="en"><head> <meta charset="U.原创 2021-04-26 14:20:50 · 1996 阅读 · 1 评论 -
Vue中的单选框、复选框和选择框的使用;click和change的区别
单选框和复选框按照v-model进行分组,单选框的数据是一个值,复选框是一个数组。每一个框都有自己的value值,被选中的元素的value值就是对应的v-model绑定的值。<!-- 单选框 --><input type="radio" value="0" v-model="sex">男<input type="radio" value="1" v-model="sex">女<button @click="submit">提交</butt原创 2021-04-23 17:35:46 · 6847 阅读 · 0 评论 -
vue:click函数传当前数组的参数和获取当前dom
传值:获取当前的数组的index位的数据<tr v-for="(item,index) in message_List"> <td @click="reply(message_List[index].phone_num)">{{item.phone_num}}</td></tr>reply: function (e) { console.log("number:" + e); },.原创 2020-08-24 16:04:36 · 3296 阅读 · 0 评论 -
Vue 添加数据到二维数组并显示
<li v-for="(item, index) in studentlist" :key="index"> {{item.stu_name}}--{{item.stu_score}}</li><td> <tr> <span id="student_name">学生姓名</span> ...原创 2020-04-29 15:14:05 · 5532 阅读 · 2 评论 -
Vue 利用store实现两个平行组件间的传值
需求:把Login.vue的username传到Index.vue中显示出来方法:利用store.js传值Login.vue登录后跳转store.js定义变量并从Login.vue中获取值Index.vue定义变量,利用computed获取变量的值...原创 2020-04-29 13:30:03 · 743 阅读 · 0 评论 -
vscode关闭eslint检验
在编vue代码的时候,一直因为格式问题报错,按照它的要求改了格式,虽然不报错了,但是后续影响还在,所以想要关闭这个格式检测。在百度上查找的时候,很多人都说改eslintrc.js文件,但是我发现我的文件内容和他们的有差异:在尝试了添加几个属性还是失败后,我开始寻找其他办法,最后终于解决了。1.点击左下角的设置图标并选择设置2.搜索eslint3.如图勾选即可取消报错4.重启v...原创 2020-04-26 13:49:11 · 12865 阅读 · 3 评论 -
vscode配置中文时遇到we cannot connect to the extensions marketplace
安装vscode后,想要配置中文界面,却出现了we cannot connect to the extensions marketplace的问题,去网上搜索说是代理的原因,我去查看后发现我的代理服务器一直都没开,不知道什么原因的我只能卸了重装试试,在重装的过程中我把wifi换成了连我的手机热点,在重新安装后问题就解决了。...原创 2020-04-23 17:27:28 · 13045 阅读 · 0 评论 -
安装npm,cnpm,vue-cli和webpack教程
安装 npmnpm 全称为 Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。下载途径:node.js官网 https://nodejs.org/en/注意:最好下载最新版本,我第一次下载的是左边这个版本,然后在后面的vue ui创建项目的过程中出现了:Cannot set property ‘c...原创 2020-04-22 16:55:22 · 590 阅读 · 0 评论