uni使用data- 绑定数据的坑

最新推荐文章于 2024-06-24 20:32:45 发布
最新推荐文章于 2024-06-24 20:32:45 发布
阅读量9.1k 收藏
点赞数
分类专栏： uni
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaosama/article/details/102703464
版权

1、data- 这个在网页与移动端所绑定的对象在方法那边获取的话只能获取到[object object]

2、即使绑定的是数字，网页与移动端获取到的也只会是字符串，而小程序端却能正常获取。如果使用switch语句或者===的话会出问题。可以tostring一下或者==，不建议使用函数去判断，因为作用等同===，写多端容易出问题

chaosama
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-data-select通过v-model绑定数据，在数据未更新前，触发change事件
sumire27的博客
07-26 2879
需要在uniapp中使用下拉列表框联动查询表，使用uniapp官方ui组件。uni-data-select通过v-model绑定数据，在数据未更新前，触发change事件
5.4.2 通过data- 设置和获取参数 -参数的使用- 常用语法【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】
杭州.黄老师
11-09 1998
5.4.2 通过data- 设置和获取参数 在一些组件中，我们可以通过 data- 的格式来设置参数，然后通过事件来使用参数。格式如下 <组件 data-属性=”属性的值” ></组件> 我们下面来看一个实例，我们在一个按钮中通过data-的格式定义了一个电话号码，我们点击按钮的来获取该参数（电话号码）。 页面初始化的时候，电话号码显示为空；点击按钮的时候获取电话号码并显示。完整的代码如下： <template> <view> <!--我们将
关于uniapp下拉菜单展示及源码修改
最新发布
fanx_home的博客
06-24 299
综合体验，uni-data-select不太符合需求，但用的地方多，不适合改动源码。rudon-rowMenuDotDotDot 支持定制化placeholder，但大小不好调整，而且我的下拉菜单没有展示出来，且源码稍微有点复杂。页面功能太多放不下，想通过...方式展示，当点击时直接跳转页面，不会修改标题。2、插件：, 在uniapp中搜索插件。1、uniapp提供得 3、默认的字体颜色是灰色，配背景色显得很脏，改字体颜色。
uni——data里面的想使用动态数据如何操作（computed计算属性）
努力、拼搏、奋进
05-08 498
uni——data里面的想使用动态数据如何操作（computed计算属性）
uni-app属性值的动态绑定
Mr_Runner的博客
06-16 9014
1.问题 使用传统的方法给标签的属性动态绑定数据报错。 2.错误重现 2.1 错误代码 <image src="{{imgeSrc}}"></image> 2.2 错误信息 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js): 10:01:33.690 (Emitted value instea
uniapp 下拉框效果使用 uni-data-select标签
新人一枚，互相学习哦！
04-20 1万+
uniapp 下拉框效果使用 uni-data-select标签
uni-load-more.zip
10-13
7. **使用方法**：在uni-app项目中，首先需要通过npm或 yarn 安装插件，然后在需要使用该组件的页面中导入，并在模板中添加相应的标签，同时在对应的js文件中进行事件绑定和状态管理。 通过深入理解和正确使用"uni-...
uni-calendar-demo.zip
09-16
在这个项目中，开发者可能会用到Vue.js的模板语法、数据模型（data）、计算属性（computed）、方法（methods）以及生命周期钩子函数等核心概念，来构建日历组件的各个部分。 日历组件的核心在于渲染日期，并处理...
uni-icons.zip
01-05
一种是静态引入，即在HTML模板中直接使用`<u-icon>`标签，结合数据绑定动态改变图标。另一种是动态加载，通过JavaScript处理用户操作或逻辑判断，动态设置`name`属性，实现图标的变化。此外，uni-icons还支持自定义...
uni-app登录实例的实现
03-29
总结，uni-app登录实例的实现涉及到了uni-app的组件使用、Vue的双向数据绑定、网络请求、登录状态管理等多个方面。通过实际操作和研究提供的代码示例，开发者不仅可以学会如何创建登录功能，还能进一步提升uni-app和...
uni-app列表项实现左划操作功能
02-25
此功能的实现依赖于uni-app的`<SwipeAction>`组件，通过设置数据和绑定事件，我们可以自定义滑动操作的行为，从而提高应用的交互性。同时，通过调整样式，可以根据项目需求设计出符合品牌形象的操作界面。
uni-app（date属性，Class 与 Style 绑定，v-if，v-else）
weixin_64899102的博客
08-01 2196
uni-app（date属性，Class 与 Style 绑定，v-if，v-else）
uni-app遇到的一些问题
前端小白成长记
08-23 3592
进入页面，数据打印出来了，但是页面没有渲染出来 方法一： 页面代码添加v-if='updateNewData' <view class="item" v-for="(item1, index1) in rightScroll[index]" :key="index1" v-if='updateNewData'> </view> 定义updateNewData: true,不然页面进来不会显示 data() { return { updateNewData: t
浅谈uni-app的数据绑定和v-bind、v-for
weixin_59811632的博客
07-30 2124
个人理解：浅谈uni-app的数据绑定和v-bind、v-for
简述data-属性的用法(如何设置，如何获取),有何优势？
m0_51958500的博客
02-22 3842
简述data-属性的用法(如何设置，如何获取),有何优势？
在使用uni-data-select插件时通过接口获取值赋给localdata失败？
L6X1999的博客
05-25 6478
首先在这里讲一下失败的原因： 在加载渲染时，调取接口请求的是一个异步的操作，在子组件拿到数据前就渲染了，才导致子组件watch没有监听到值的变化 解决方法： 可以在uni-data-select标签内加入v-if，初始值为false，在调取接口改变数据时将值改为false即可 具体操作如下： 1>html代码 <uni-data-select v-model="value" v-if="show" :localdata="range" @change="ch...
uni-app获取DOM元素
热门推荐
qq_45479398的博客
11-24 2万+
uni-app获取DOM元素 uni.createSelectorQuery().select('#reasonSelf') uni.createSelectorQuery().select('.class类名') 如果有许多相同类名的 let doms=uni.createSelectorQuery().selectAll（‘.class1’） doms.fields({ rect:true, //是否返回节点布局位置信息{left,top,right,bottom} siz
uniapp + uview Select选择器(u-action-sheet)数据绑定 value,展示 text ------之------ 两个联动的Select选择器
YZRHANYU的博客
11-15 6457
uniapp + uview Select选择器(u-action-sheet)数据绑定 value,展示 text ------之------ 两个联动的Select选择器
uniapp使用uni-data-picker插件实现省市区弹窗（兼容app）
jinxi1112的博客
12-06 9800
官方文档：uni-app官网 1.使用HBuilder导入插件.uni-data-picker 数据驱动的picker选择器 - DCloud 插件市场 2.导入成功后，在src文件夹下多一个uni_modules的文件夹 3.引入插件 import uniDataPicker from '@/uni_modules/uni-data-picker/components/uni-data-picker/keypress.js'; 4.在页面中使用 <uni-data-pic..
uniapp循环使用uni-data-picker绑定值
05-23
可以使用v-for指令循环生成多个`uni-data-picker`组件，并将每个组件的值绑定到对应的数据项上。具体实现步骤如下： 1. 在 `data` 中定义数组，存储每个 `uni-data-picker` 组件对应的值。 ``` data() { return {...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值