Vue
广信IT-炼狱
过去不代表未来,勤奋才是真实的内涵。
展开
-
Vue项目中直接引入图片 报错(404 not found)
问题:在vue 项目中,引入的图片无法在网页显示 控制台报错:图片地址 404 not found解决方案:把图片放在 static 文件夹,不要放在 assets 文件夹index.html 代码:<img src="./src/assets/img/logo.png" >解决方案: 1. 把图片放在 static 文件夹,不要放在 assets 文件夹我在 static 新建一个img 文件夹,并把 assets 文件夹中的图片搬了过去2. 重新填写图片路径<i原创 2020-12-02 11:05:18 · 15981 阅读 · 4 评论 -
Vue递归组件(树形)
一.效果如下图,点击后打开二级菜单,再点击后打开三级。代码://js //引子//思想:当v-if=‘false’时,循环时进行的。所以一开始就设置为false。 ggg:{ name:'gs', template:` <div> <p @click.stop='show=!show'>我是p标签</p> //这儿show必须要初始值为false,不然就是堆栈溢出,死循环。原创 2020-12-02 11:00:41 · 765 阅读 · 0 评论 -
Vue 组件 vue.conponent的使用
:组件时可复用的vue实列,且带有一个名字:可以在一个通过new vue创建的vue根实列中,把着个组件作为自定义元素来使用1、 定义一个新组建。命名为counter格式:(1) 组件名为**“conter”**(2) data数据属性:写函数(3) tenpalate模板:写组件的内容(元素和触发的事件)代码:Vue.component(“counter”,{ //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容(元素和触发的事件)data原创 2020-12-02 10:58:29 · 282 阅读 · 0 评论 -
Vue -model双向绑定表单元素的数据
一、v-model元素1、前面{{message}}语法只能在数据根据情况编写传递但是没有双向改变,而是可以双向绑定的,只要你修改数据他也会接着进行改变数据2、如果通过单向赋值给input> v-bind:value:”message”就不会根据你的编写数据来改变.3、用于监听用户信息的通过v-on:input同时也可以获取数据...原创 2020-12-02 10:53:37 · 117 阅读 · 0 评论