![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
webmi
这个作者很懒,什么都没留下…
展开
-
vue 数据修改但页面没刷新
1.watch监听到数据的变化但页面没有刷新在数据改动的代码后加this.$forceUpdate();添加this.$forceUpdate();进行强制渲染,效果实现。因为数据层次太多,render函数没有自动更新,需手动强制刷新。2.没有监听到数据的变化例如:改变了数组中的某一项或者改变了对象中的某个元素时,监听则未生效。数组若要触发监听,下面方法即可触发如:splice(),push()等js方法当然了,也可以使用vue中的方法this.$set(object, ...转载 2021-10-06 11:06:25 · 552 阅读 · 1 评论 -
vue的form表单在提交成功后置空
vue的form表单在提交成功后置空form表单说明 :form表单加上属性值 ref=“form”点击事件加入 roleManager.$refs[‘form’].resetFields() (这里的roleManager指的是当前即this)转载 2021-08-11 22:40:15 · 1174 阅读 · 0 评论 -
vue debug 单点 Vue代码的debug调试 未编译
配置 vue.congfig.jsconfigureWebpack: { devtool: 'source-map',},原创 2021-06-13 17:20:07 · 275 阅读 · 0 评论 -
vue 父子组件的生命周期顺序
一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted二、子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated三、父组件更新过程父beforeUpdate->父updated四、销毁过程父beforeDestroy-&g转载 2021-06-10 10:48:16 · 74 阅读 · 0 评论 -
vue+elmentui+es6 兼容 ie11
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试原创 2021-04-09 17:27:49 · 1862 阅读 · 0 评论 -
vue 项目一直出现 sockjs-node/info?t=**** ,并造成浏览器不能及时更新编码改动结果 解决方案
首先 sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端:sockjs-node(https://github.com/sockjs/sockjs-node)客户端:sockjs-clien(https://github.com/sockjs/sockjs-client)如果你的项目没有用到 sockjs,vuecli3 运行 npm run serve 之后 network 里面一直调研一转载 2021-03-02 09:02:17 · 1152 阅读 · 1 评论 -
子组件给父组件传值
子组件代码<template> <div class> <input @click="sendMsg" type="button" value="给父组件传递值" /> </div></template><script>export default { name: "", components: {}, computed: {}, data() { return {原创 2020-10-14 08:56:13 · 114 阅读 · 0 评论 -
vue 父组件给子组件传值
父组件代码<template> <div class=''> <testprop :list="list"></testprop> </div></template><script>import testprop from '../components/test/testProp'export default { name: '', components: { testpr原创 2020-08-12 10:20:40 · 110 阅读 · 0 评论 -
webpack构建vue项目
// 全局安装 vue-clinpm install --global vue-cli// 创建一个基于 webpack 模板的新项目vue init webpack my-project// 安装依赖cs my-projectnpm installnpm run dev原创 2019-12-12 14:44:06 · 107 阅读 · 0 评论 -
vscode快捷创建vue文件模板
输入vue,选择编辑vue.json,插入json对象{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class='$1'></d...原创 2019-12-12 12:21:52 · 782 阅读 · 0 评论 -
vue项目的初始构建
官方网站 https://cli.vuejs.org/zh/1.执行 npm install -g @vue/cli2. vue create my-project3.cd my-project4.npm run serve`原创 2019-12-12 09:52:19 · 98 阅读 · 0 评论