Vue使用相关

vue报错处理

  • vue,报错:
15:13:20.540   Errors compiling template:
15:13:20.544   The value for a v-bind expression cannot be empty. Found in "v-bind:"

处理:

<view v-for="item in navArray0" :key="item.id" class="list-li" @tap="onToClick(item.url)">
                        <image :src="item.imgSrc"></image>
                        <span>{{ item.text }}</span>
                    </view>

注意:上面span中的变量(双括号),两边需要空格,另外key之前有冒号紧贴。

vue,报错:

15:53:48.731 DEPRECATION WARNING on line 310 of stdin:
15:53:48.731 The operation `#E0EEFE  0` is deprecated and will be an error in future versions.
15:53:48.738 Consider using Sass's color functions instead.

原因:这里应该是0%,写成了%0.

  • vue,报错:
17:40:42.661 [Vue warn]: Error in v-on handler: "Error: /pages/my/myinfo 路径无法在路由表中找到!检查跳转路径及路由表"
17:40:42.701 (found at pages/my/index.vue:1)
17:40:42.722 Error: /pages/my/myinfo 路径无法在路由表中找到!检查跳转路径及路由表

参考:
工程需要在page.js文件中的路由表中进行配置。
另外配置时需要去掉如下信息:

"app-plus": {
                    "bounce": "none"  
                }

...mapGetters

vue列表

vue linear-gradient

css view靠右

vue变量赋值出现undefine

原因:
在双层作用域下,this可能就不指向组件示例了,需要声明保留this指向,或者就是箭头函数直接绑定实例。
处理:
在回调前需要定义局部变量来指向this(比如var t = this),然后在异步回调里,使用t来进行赋值,而不是使用this。如果使用this,就可能为undefined。

vue $emit

vue v-model v-bind

v-model双绑定

css图片裁剪

vue的onLoad传对象

vue-router子路由、参数

Vue component

v-on="$listeners

vue父子组件间通信

注意:Vue分为3个层级,应用(App.vue,包括onLaunch等生命周期),页面(可跳转的Vue,包括onLoad、onShow等生命周期),组件(页面中控件vue,初始化处理可在包括created mounted等生命周期中进行)

vue组件引入

11:09:24.509 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/view/script.js):
11:09:24.509 Error: 组件 diagnosisbtn 引用错误,仅支持 import 方式引入组件

js watch

146 js computed

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容