vue
文章平均质量分 63
白小白的小白
你知道的越多,你不知道的越多!
展开
-
window搭建vue项目
当安装好node.js,并配置好环境变量后,开始安装vue-cli脚手架构建工具:npm install vue-cli -g查看版本的各个命令:cmd命令行中:node -v // node版本npm -v // npm版本cnpm -v // cnpm是否正常npm vue -v // vue版本vue -V // vue-cli版本在目录上找一个文件夹放工程用的: cd 目录路径安装vue脚手架输入:vue init webpack test ,注意这里的“test”.原创 2021-08-03 15:31:00 · 196 阅读 · 0 评论 -
vue nginx二级域名配置
一般来说项目会有一个前台和后台,前台用一级域名,后台用二级域名,比如一个项目的域名是www.xxx.com,访问www.xxx.com时自然会访问到前台的首页,而后台一般是www.xxx.com/xxx,一级域名自然很简单,但是配置二级域名(后台)时,就会报js css的404错误 1. 在了解原因的时候我们先说一下nginx中root和alias的区别,root会根据完整的url请求来映射到目录中,而alias会把location后面配置的路径丢弃掉,把当前匹配到的目录指向到指定的目录,下面可以举个例原创 2021-06-05 17:19:46 · 1505 阅读 · 0 评论 -
element-ui表格中复选框只能选中一个
代码:<el-table ref="multipleTable" :data="updatetableData" style="width: 100%" @selection-change="updatehandleSelectionChange" @select="select" @select-all="selectAll" > <原创 2020-07-24 15:23:20 · 6795 阅读 · 5 评论 -
前端开发常用的网站
转载:添加链接描述转载 2020-07-07 12:23:19 · 505 阅读 · 0 评论 -
element-ui刷新修改页面数据不丢失
在列表中拿到数据,传递到修改页面时(回填数据),当刷新页面的时候,回填数据就会消失,如何解决这个问题:列表页面中的写法:// 跳转到修改页面 handleClick(row){ this.$router.push({ name: 'fashionupdateImage', query:{row:JSON.stringify(row)} }) },修改页面接收数据时:created() { t原创 2020-07-02 15:33:57 · 1457 阅读 · 0 评论 -
vuex四大金刚详解
转载自:https://www.cnblogs.com/m2maomao/p/9954640.html转载 2020-07-01 09:34:12 · 383 阅读 · 0 评论 -
Cannot find module node-sass解决
过假期想着在家跑下项目,写下代码,结果把代码拉下来之后,就死活跑不起来了,以为是自己电脑node版本的原因,结果卸载了node安装了最新版本的,结果npm run dev还是报错了‘’Cannot find module ‘node-sass’,最后没有办法,只有硬着头皮解决了。这个原因我感觉就是网速的原因,所以第一步就是换个镜像更新地址,换为淘宝的,所以首先执行:npm install -g cnpm --registry=https://registry.npm.taobao.org, (注意..原创 2020-06-25 08:16:51 · 3810 阅读 · 1 评论 -
element-ui如何在表格中插入图片
第一种:<el-table-column label="精品图片"> <template slot-scope="scope"> <el-popover placement="top-start" title="" trigger="hover"> <img :src="scope.row.product.cover" alt="" style="width: 150px;height: 150原创 2020-06-20 10:16:28 · 22980 阅读 · 8 评论 -
vue中常见的指令
下面介绍一下自己对vue中一些常见指令的理解,以便自己以后方便查找:v-model指令:用于表单输入,实现表单控件和数据的双向绑定。<input type="text" v-model:value="msg"><!-- value可以省略 因为v-model默认绑定表单元素的value值 --> <input type="text" v-model="msg">2. v-on(@):基础事件绑定 (事件处理程序放在methods里面)<input原创 2020-06-15 11:10:29 · 1805 阅读 · 0 评论 -
Vue中的computed和methods的区别
首先看computed的用法:<p id="app"> {{fullName}} </p><script> var vm = new Vue({ el: '#app', data: { firstName: 'Foo', lastName: 'Bar', }, computed: { full原创 2020-06-15 10:20:57 · 343 阅读 · 0 评论 -
Vue中的computed和watch的区别
Vue中的computed和watch的区别:计算属性(computed)官方对于计算属性的解释是:对于任何复杂逻辑,你都应当使用计算属性。计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。直接引用官方文档的例子:<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ r转载 2020-06-15 10:07:57 · 2462 阅读 · 0 评论