当前位置: 首页 > news >正文

uniapp ui安装 阿里图标库使用 报错 Assignment to constant variable.

安装 ui uni-app官网 (dcloud.net.cn)

(一)安装  pages.js配置

安装 sassnpm i sass -D   或   yarn add sass -D  安装 sass-loader
npm i sass-loader@10.1.1 -D   或   yarn add sass-loader@10.1.1 -D安装 uni-uinpm i @dcloudio/uni-ui   或   yarn add @dcloudio/uni-ui// pages.json
{"easycom": {"autoscan": true,"custom": {// uni-ui 规则如下配置"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"}},// 其他内容pages:[// ...]
}

(二)使用 


<template><view class="bg"><div class="title"><uni-data-selectv-model="value":localdata="range"@change="change">asa</uni-data-select><p style="color: white;">金字塔—航天镇</p></div><image src="../../static/QQ截图20230922110211.jpg" mode="" class="img"></image></view>
</template>
<script>
export default {data() {return {value: 0,range: [{ value: 0, text: "篮球" },{ value: 1, text: "足球" },{ value: 2, text: "游泳" },],};},methods: {change(e) {console.log("e:", e);},},
};</script>
<style>.bg {height: 200px;width: 100%;background-image: url('/static/QQ截图20230925091714.jpg');background-position: center center;background-repeat: no-repeat;}.img {margin: 20px;height: 150px;}.title {display: flex;justify-content: space-between;}
</style>

(三)uni.ui 安装 使用   找到icon  找到获取图标

 

 选取自己喜欢的图标  保存购物车  点击购物车下载  选取颜色保存即可

 

 

 

报错

Assignment to constant variable.

const一般是声明常量,如const a=1,const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
解决  看看是不是有些错的地方   看看是v2 还是v3   v3要用响应式  ref  

http://www.lryc.cn/news/176165.html

相关文章:

  • Spring IOC容器实例化Bean整体流程图
  • 【挑战开发100个项目 | 2. C语言图书管理系统】
  • 二刷力扣--二叉树(2)
  • 【C++ Efficiency】使用运算符的复合形式取代其单独形式,效率更高
  • uview的真机演示,微信小程序,当两个input框的时候,从一个input切换到两一个input的时候,键盘调不起来
  • 信息化发展58
  • 2023前端面试题
  • Spring整合第三方框架-MyBatis原始操作代码
  • 比特币 ZK 赏金系列:第 2 部分——查找哈希冲突
  • Android9底部导航栏出现空白按钮问题分析
  • 秦时明月沧海手游阵容推荐,秦时明月沧海角色强度
  • 基于微信小程序的大学生科技竞赛竞技报名系统设计与实现(源码+lw+部署文档+讲解等)
  • crypto:摩丝
  • Docker最基本使用
  • vue2.x 迭代更新项目去掉缓存处理
  • Linux高性能服务器编程 学习笔记 第八章 高性能服务器程序框架
  • 技术对比:Flutter vs. 传统桌面应用开发框架
  • [C++ 网络协议] 异步通知I/O模型
  • Postgresql事务测试
  • 【数据结构--排序】冒泡排序,选择排序,插入排序
  • vue pc端/手机移动端 — 下载导出当前表格页面pdf格式
  • 125. 验证回文串 【简单题】
  • 描述性统计分析
  • Visual Studio2019 C++ 编程问题集锦
  • 链表的回文判断
  • 281_JSON_两段例子的比较,哪一段更简洁、易懂、没有那么多嵌套
  • 想要精通算法和SQL的成长之路 - 最长递增子序列 II(线段树的运用)
  • java用easyexcel按模版导出
  • Servlet执行流程生命周期方法介绍体系结构、Request和Response的功能详解
  • 软件工程之总体设计