微信小程序js中,文本内容换变量
时间: 2024-09-15 10:13:36 浏览: 77
在微信小程序的JavaScript开发中,如果你想要动态地替换文本内容,通常会使用`wx.createSelectorQuery()`配合`select()`和`boundingClientRect`方法。下面是一个简单的示例:
```javascript
Page({
data: {
originalText: '这是原始文本',
dynamicVariable: '动态变量值'
},
onLoad() {
this.initText();
},
initText: function() {
var query = wx.createSelectorQuery();
query.select('#your-text-id') // 替换成你的实际元素ID
.fields({node: true, size: true})
.exec(function(res) {
let node = res[0].node;
node.innerText = this.data.originalText; // 设置初始文本
// 当需要更换动态变量时
const newText = `${this.data.originalText} - ${this.data.dynamicVariable}`;
node.innerText = newText; // 更新文本为新变量值
}.bind(this));
}
})
```
在这个例子中,当你需要更改`dynamicVariable`的值时,只需更新`data.dynamicVariable`即可,然后这段代码会在下次执行`initText`函数时自动将新的变量值应用到文本节点上。
阅读全文